首頁  >  文章  >  web前端  >  disabled屬性後台讀不到資料如何讓select支援readonly

disabled屬性後台讀不到資料如何讓select支援readonly

高洛峰
高洛峰原創
2017-03-02 14:43:502160瀏覽

設定了disabled屬性後,後台讀取不到數據,讓select支援readonly屬性,可以設定disabled屬性,並把表單值存入hidden隱藏域中,也可以使用jquery控制。範例如下,需要的朋友不要錯過

<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檔案

875fec92d8feb85a43990fb5622708002cacc6d41bbb37262a98f745aa00fbf0

用腳本控制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 表單的名稱


更多disabled屬性後台讀不到資料如何讓select支援readonly相關文章請關注PHP中文網!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn