不可选择的下拉列表

时间:2010-09-30 09:09:34

标签: html asp.net-mvc

有没有办法有一个下拉列表,其中可以选择非项目?所以基本上,我只是想用它来显示/隐藏列表。我不想要任何悬停突出显示,我也不希望能够更改所选项目。

你能否暗示这是否可能,或者如果有人有任何其他想法来实现类似的东西,你能指出一个很好的例子。

由于

2 个答案:

答案 0 :(得分:7)

我想到了optgroup标签。它具有disabled属性。

<select>
  <optgroup label="My List" disabled>
    <option value="item1">Item 1</option>
    <option value="item2">Item 2</option>
  </optgroup>
</select>​

但是,IE 6和7不尊重disabled。 Arrgh。他们也没有听取整个readonly上的select属性。

您必须为这些浏览器添加onchange="this.value ='item1';"后备广告,如果关闭JavaScript,这显然不是水密的。

JSFiddle here

答案 1 :(得分:0)

  

有没有办法让一个下拉列表中可以选择非项目?

我有同样的要求所以我确实喜欢这个,

<select >
    <option value="item1" disabled>Item 1</option>
    <option value="item2" disabled>Item 2</option>
    <option value="item3" disabled>Item 3</option>
    <option value="item4" disabled>Item 4</option>
</select>

On JsFiddle