Question

我有一个下拉列表select列表，我可以从中选择一个国家/地区。第一个选择是：选择你的国家。

<select>
      <option selected disabled value=''>Choose your country</option>
      <option value="1">Canada</option>
      <option value="2">France</option>

</select>

但是当我点击打开列表时，我可以看到在选项中选择您所在的国家/地区。有没有办法从列表中隐藏此选项，并且只有在做出任何选择之前将其显示为占位符？

Answer 1

隐藏显示在列表中的默认选项：

http://jsfiddle.net/ZT2ZV/

IMO更好的解决方案是使用类似：http://harvesthq.github.io/chosen/

的内容

 <select>
        <option value='' disabled selected style='display:none;'>Choose your country</option>
          <option value="1">Canada</option>
          <option value="2">France</option>
    </select>

Answer 2

在您的第一个值上使用display:none;：

<select>
      <option value="" selected disabled style="display:none;">Choose your country</option>
      <option value="2">Canada</option>
      <option value="3">France</option>
</select>

尝试http://jsfiddle.net/uaF93/

列表打开时隐藏选择列表的选定值

2 个答案: