如何隐藏第一个项目从一个Html选择标签 [英] How to hide first item from an Html Select Tag

问题描述

我有以下代码：

<select>
    <option value="0">Option 0</option>.
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>

当您点击选择我希望第一个项目不再列出。它也必须在所有浏览器上工作。

When you click on select I wish the first item to be no longer listed. Also it must work on all browsers. How can this be done?

感谢。

推荐答案

<select id="selectBox"
  onFocus="javascript:nullOpt=document.getElementById('nullOpt');
           (undefined != nullOpt) ?
           document.getElementById('selectBox').removeChild(nullOpt) :
           true;"
  onBlur="javascript:insertBefore(
                          nullOpt,
                          document.getElementById('selectBox').firstChild
                     );">
  <option id="nullOpt">Please select...</option>
  <option>val1</option>
  <option>val2</option>
  <option>val3</option>
</select>

编辑：添加新请求的功能，排序。

​ Added newly requested functionality, sort of.

这篇关于如何隐藏第一个项目从一个Html选择标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！