javascript - 使用 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 并将选项清除的值设置为“清除”...

<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 = '';
}

可能工作...