如何從HTML選擇標簽隱藏第一項

Question

我有以下代碼：

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

當您單擊選擇時，我希望不再列出第一項。 而且它必須在所有瀏覽器上都可以使用。 如何才能做到這一點？

謝謝。

Answer 1

只需將display：none添加到第一個選項。 第一個選項將僅顯示為選擇框的“標題”，而不再顯示在選項中。 它適用於Firefox和Chrome。

 <select> <option style="display:none;" value="0">Option 0</option>. <option value="1">Option 1</option> <option value="2">Option 2</option> </select> 

Answer 2

嗯，不確定像這樣編輯集合會100％地起作用。 如果您沒有為選擇項提供值，那么您應該能夠拋出驗證錯誤，因為未選擇“值”。

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

然后使用JQuery驗證庫之一對其進行驗證。

Answer 3

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

EDIT：添加了新請求的功能。