【问题标题】:php drop down button selected选择了php下拉按钮
【发布时间】:2013-04-22 20:40:12
【问题描述】:

在表单中编辑数据想要在表单中显示...但是下拉值不应该被选中...我希望下拉值被选中 这是 list_search 函数中的代码 id return cmb_fruit, val return Apple or Orange

              <tr>
                <td width="38%" height="28" align="left"><span class="style20"><font color="#DC143C">*</font>Profession</span></td>
                <td width="62%" align="left"><label for="profession"></label>
                  <select name="cmb_fruit" size="1" id="cmb_fruit">
                    <option value="Select">Select</option>
                    <option value="Apple">Apple</option>
                    <option value="Orange">Orange</option>
                  </select>
    <script language="javascript" type="text/javascript">
        list_search('cmb_fruit',<?php echo "'" . @mysql_result($rs_modify,0,'fruit') . "'";?>)
    </script>
                  </td>
              </tr>


function list_search(id,val)
 {
 cnt=document.getElementById(id).length
 for(x=0; x<cnt; x++ )
 {
     if( document.getElementById(id).options(x).value==val)
     {

         document.getElementById(id).options(x).selected=true
         break;
     }
 }
} 

【问题讨论】:

  • 您为什么要为此使用 Javascript 而不是使用 PHP 将“selected”属性添加到匹配选项?并不是说使用 Javascript 将数据绑定到表单是一个坏主意,但如果您使用专为此类事情设计的 Javascript 库,它只会比在 PHP 中节省时间,例如KnockoutJS 或 CanJS。

标签: php javascript mysql


【解决方案1】:
var fruit = document.getElementById("fruit");
fruit.options[fruit.options.selectedIndex].selected = true;

【讨论】:

    【解决方案2】:

    您可以设置选择的value 属性。此外,如果您从正文中运行的脚本调用 list_search 函数,请确保在 head 中声明它。

    function list_search(id, val) {
        document.getElementById(id).value = val;
    }
    

    请注意,您不需要 javascript,您可以简单地将 selected 属性放在要选择的 option 元素上。

    <option value="Apple" selected>Apple</option>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-02-10
      • 2023-03-06
      • 1970-01-01
      • 1970-01-01
      • 2020-10-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多