代码之家  ›  专栏  ›  技术社区  ›  fearofawhackplanet

不可选下拉列表

  •  4
  • fearofawhackplanet  · 技术社区  · 15 年前

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

    如果这是可能的,或者如果有人有任何其他想法来实现类似的事情,你能给我举个好例子吗?

    谢谢

    2 回复  |  直到 13 年前
        1
  •  7
  •   Pekka    15 年前

    这个 optgroup 我想到了标签。它有一个 disabled 属性。

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

    但是,即6和7不尊重 已禁用 . 啊。他们也不听 readonly 属性打在整体上 select .

    您必须添加 onchange="this.value ='item1';" 对于那些浏览器的回退,如果关闭javascript,这显然不是无懈可击的。

    J小提琴 here

        2
  •  0
  •   Chandu    13 年前

    是否有任何方法可以在下拉列表中选择非项目?

    我有同样的要求,所以我这样做了,

    <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