html select支持readonly属性设置例子

发布时间:2019-09-16编辑:脚本学堂
html select设置readonly属性的方法,如何为html select添加readonly属性,默认select是不支持readonly属性的,这里提供一种解决方法。

html 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>

说明:
主要使用了onfocus事件、onchange事件中this.selectedIndex、this.defaultIndex属性的切换。