使用javascript向下拉列表中添加清除选项

我有一个类似的下拉列表：

  <select>
     <option value=" " id="invisible" style="display:none;"></option>
     <option value="0">one</option>
     <option value="1">two</option>
     <option value="2">three</option>
     <option value="">clear</option>
  </select>

一
二
三
清楚的

当我按下“清除”选项时，下拉列表应不显示任何内容（甚至“清除”），但不删除其中的任何选项，即在单击之前，下拉列表上不应显示任何内容

---

请告知。

只需为select设置一个id，并将选项clear的值设置为“clear”

<option value='clear'>clear</option>
<select id="select">

对于javascript

var value = document.getElementById('select');

if(value == 'clear'){
    document.getElementById('select').value = '';
}

---

可能有用…

我严重怀疑这是否是跨浏览器解决方案。这应该是可能的，至少在jQuery中是可能的。

var value = document.getElementById('select');

if(value == 'clear'){
    document.getElementById('select').value = '';
}