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

Question

我有一个与此相似的下拉列表：

  <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>

当我按下“清除”选项时，下拉列表应该不显示任何内容（甚至是“清除”），但不删除内部任何选项，即在点击下拉菜单之前不应显示任何内容。

请告知。

Answer 1

只有选项的ID和设置值清除为'clear'...

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

然后尝试这个......

if($('#select').val() == 'clear'){
    $('#select).val('');
}

对于javascript ...

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

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

可能有用......