设置 select 选中值只读的两种方法

1.给select一个浮动层和一个事件onfocus=”this.blur();”， 不让客户用键盘来修改其值。

<span style="position: relative"> 
<select onfocus="this.blur();">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
<div style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity = 0)"></div>
</span>

注意 ： 此方法仅仅控制到键盘，而鼠标还是可以的，点击下拉框下方横线，仍然可以选择下拉列表

2.jquery添加属性

$("#role").attr("disabled","disabled");

当属性设置为disabled时，提交表单时，select的值无法传递，提交前移除disabled属性就可以了

$("#role").removeAttr("disabled");