1. 程式人生 > >設定 select 選中值只讀的兩種方法

設定 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");