让html select支持readonly属性

原创于 2011-03-18 10:51:00 发布 · 3.3w 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html

本文介绍了一种在HTML中使Select元素具备只读特性的简单方法，通过使用JavaScript来阻止用户更改已选择的选项。

刚刚碰到一个要为html select添加readonly属性的要求，可是select是不支持readonly属性的，找了找，方法还是有的，不过大都比较麻烦。以下的方法个人认为是最简单的：

<select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3" selected="selected">test3</option>
<option value="4">test4</option>
<option value="5">test5</option>
</select>