下拉框实现只读状态

设置为只读状态有几种方式

1.readonly 

2.disabled 但是不能把数据提交到后台

以上2种方法只适用于输入框<input>,<textarea>

下来框只读状态

<select>没有设置为只读的属性，所以只能用js实现了，下边是在网上找的方法

οnfοcus="this.defaultIndex=this.selectedIndex;" οnchange="this.selectedIndex=this.defaultIndex;"

分为2步：

1. onfocus: 当下拉框获得焦点，则触发该事件，将下拉框选中的index设置为默认index。（也就是初始值）

2. onchange: 当我们选择其他下拉框的值使下拉框当前值改变，那么就把默认index设置为选中的index （也就是实现了不能改变初始值，间接实现只读）