Выпадающий список без выбора

Question

Есть ли способ иметь раскрывающийся список, в котором нельзя выбирать элементы? Таким образом, в основном, я просто хочу использовать его как способ отображения/скрытия списка. Я не хочу, чтобы подсветка зависала, и я не хочу менять выбранный элемент.

Не могли бы вы предложить, если это возможно, или если у кого-то есть другие идеи для достижения чего-то подобного, не могли бы вы указать мне на хороший пример.

Благодаря

Answer 1

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

Answer 2

Есть ли способ, чтобы выпадающий список, в котором не из пунктов можно выбрать?

У меня же требование Так что я сделал, как это,

<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