復制代碼代碼如下:
<span style="font-family:Microsoft YaHei;"><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>
</span>
1》設置表單的readonly屬性
問題:但是readonly屬性對radio、select、checkbox這三個表單不起什麼作用
2》設置表單的disabled屬性
問題:設置了disabled屬性後,後台讀取不到數據
辦法:
1、設置disabled屬性,並把表單值存入hidden隱藏域中
2、使用jquery控制(加載頁面的時候設置表單屬性disabled=true,提交表單的時候設置表單屬性disabled=false)
代碼:
引用jquery文件
<script type="text/javascript" src="../../js/jquery-1.3.2.js"></script>
用腳本控制disabled屬性
復制代碼代碼如下:
<span style="font-family:Microsoft YaHei;"><script type="text/javascript">
//加載時設置disabled生效
$(document).ready(function(){
$("input[name=category]").attr("disabled",true);
$("select[name=sonota_kbn]").attr("disabled",true);
});
//提交時設置disabled失效
$("input[name=modify]").click(function(){
$("input[name=category]").attr("disabled",false);
$("select[name=sonota_kbn]").attr("disabled",false);
});
</script> </span>
注意這個:input[name=category]
input 是表單類型(比如select是下拉框)
name=category 表單的名稱