javascript - 如何将空白 <option> 元素添加到 <option> 列表？

Question

情况:

我有一个选项列表，例如

<select class="database-column-name" name="caseid">
     <option value="1">1</option> 
     <option value="2">1</option> 
     <option value="3">1</option> 
</select>

默认情况下没有选择任何选项，但是当您选择选项时，您将无法再返回到不选择!这会扰乱我页面的用户体验，因为我需要用户能够根本不选择任何选项。

问题:

有办法解决这个问题吗？

Answer 1

就这么简单

<select class="database-column-name" name="caseid">
<option value=" ">--Select--</option> 
     <option value="1">1</option> 
     <option value="2">1</option> 
     <option value="3">1</option> 
</select>