DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 設置disabled屬性後台讀不到數據如何讓select支持readonly
設置disabled屬性後台讀不到數據如何讓select支持readonly
編輯:HTML和Xhtml     

復制代碼代碼如下:
<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 表單的名稱
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved