限制SELECT选项的选择而不禁用该字段

Question

我有一个多选SELECT字段,我不希望最终用户能够更改其值.

出于UI原因,我希望能够在不使用disabled ="true"属性的情况下执行此操作.我尝试过使用onmousedown,onfocus,onclick并将每个设置为模糊或返回false,但没有成功.

可以这样做,还是我想做不可能的事？

Answer 1

我知道你提到过你不想,但我实际上认为使用该disabled属性是一个更好的解决方案:

<select multiple="multiple">
    <option value="volvo" selected="true" disabled="disabled">Volvo</option>
    <option value="saab" disabled="disabled">Saab</option>
    <option value="opel" disabled="disabled">Opel</option>
    <option value="audi" disabled="disabled">Audi</option>
</select>

如果有必要,您可以随时给出selecta class并使用CSS设置样式.无论脚本功能如何,此解决方案都适用于所有浏览器.