顯示：無不適用於選項

HTML：

display:none <b>not works</b>,the hidden can <b>not select</b>.<br> 
<select size="5"> 
    <option value="A">A</option> 
    <option value="B">B</option> 
    <option value="C">C</option> 
    <option value="D">D</option> 
    <option value="E">E</option> 
    <option value="F">F</option> 
    <option value="G">G</option> 
    <option value="H">H</option> 
    <option value="I">I</option> 
</select><br> 

display:none <b>works</b>,the hidden <b>can select</b>.<br> 
<select> 
    <option value="A">A</option> 
    <option value="B">B</option> 
    <option value="C">C</option> 
    <option value="D">D</option> 
    <option value="E">E</option> 
    <option value="F">F</option> 
    <option value="G">G</option> 
    <option value="H">H</option> 
    <option value="I">I</option> 
</select>

CSS：

select{width:50px;} 

[value=C]{ 
    display: none; 
} 
/* will hold the position */ 
[value=B]{ 
    visibility: hidden; 
}

大小屬性會影響顯示和知名度，發生什麼事該？

如何隱藏選項中的選項，該選項具有size屬性？

來源

2013-10-09 wener

我canno在兩個樣本中選擇隱藏的項目。如果你不需要它，爲什麼你首先有一個選擇呢？只需從列表中省略 – knittl

您無法在Chrome和IE中將「display」設置爲選項字段。 - > http://glidingphenomena.blogspot.ch/2010/06/styledisplaynone-doesnt-work-on-option。html –

@dTDesign但它在chrome下工作，如果select沒有size屬性。我想使用原點選擇顯示匹配結果，並且不要使用DOM操作。 – wener

見更新部分

我認爲你不能做，只能用CSS的所有瀏覽器，你需要一些JS代碼，有前一個問題非常相似：

How to hide a <option> in a <select> menu with CSS?

在Chrome中（30節）「顯示：無」不工作，howeve r在Firefox（v。 24）它的工作原理，帶有「display：none」的選項不會出現在列表中。

更新：（訴43）（訴38.0.1）

在當前的瀏覽器的版本的Firefox，使用CSS與「顯示：無」從列表中刪除的選項，但是不是「完美」，例如，在這個例子：

<html><body> 
    <select> 
     <option style="display:none">Hola</option> 
     <option>Hello</option> 
     <option>Ciao</option> 
    </select> 
</body></html>

選項「HOLA」不，當你展開下拉框中出現，也就是說，它不能被選中，但它似乎是在默認情況下選中的選項你第一次加載頁面。

來源

2013-10-09 11:22:50 Roberto

現在在Chrome上運行。 – Pacerier

有隱藏內選擇的選項在這個崗位的技術：How to hide a <option> in a <select> menu with CSS?

來源

2013-10-09 11:14:53 acairns

使用以下jQuery來隱藏和下選擇

jQuery(selector).toggleOption(true); // show option 
jQuery(selector).toggleOption(false); // hide option

來源

2013-10-09 11:54:23

我沒有看到有人在討論jQuery。 – Pacerier

是你需要這個證明...

<select> 
    <option value="A">A</option> 
    <option disabled value="B">B</option> 
    <option value="C">C</option> 
    <option disabled value="D">D</option> 
    <option value="E">E</option> 
    <option value="F">F</option> 
    <option value="G">G</option> 
    <option value="H">H</option> 
    <option value="I">I</option> 
</select>

禁止值不選擇，能。

如果你想隱藏去這裏

http://jsbin.com/anoci

來源

2013-10-09 11:59:08 Arun

上的選項標籤所以你只有兩種選擇作爲工作圍繞

1. Either disable then with disabled="disabled". 
2. Remove the options you don't want to see and insert them again when needed.

您可以將屬性Display:none不會工作還可以找到其他一些工作，但我不認爲它會在所有瀏覽器中保持一致

來源

2013-10-09 11:59:24 Rex

顯示：無不適用於選項

回答

相關問題