設定 select 選中值只讀的兩種方法
阿新 • • 發佈:2018-12-31
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");