如何不在下拉列表中显示默认选定选项

时间:2014-12-11 15:22:38

标签: html html-select

我有一个像这样的选择字段

    <select name="user_code" >
        <option value="001">Code 1</option>
        <option value="002" selected>Code 2</option>
        <option value="003">Code 3</option>
     </select>

默认行为是,code 2显示为默认选择,点击code 2字段后,select也出现在下拉列表中。 我不希望默认选择的选项显示在下拉列表中。有可能吗?

1 个答案:

答案 0 :(得分:0)

只是完成,这是另一个用Javascript实现你想要的版本。

&#13;
&#13;
document.getElementById("user_code").selectedIndex = -1;
var value = 002;
alert("Selected option: " + value);
function change(select){      
  for (var i = 0; i<select.options.length; i++){
    if (select.options[i].selected){
      value = select.options[i].value;
    }
  }  
  alert("Selected option: " + value);
}
&#13;
<select id = "user_code" name="user_code" onchange="change(this)">
        <option value="001">Code 1</option>
        <option value="002">Code 2</option>
        <option value="003">Code 3</option>
     </select>
&#13;
&#13;
&#13;