设置disabled属性后台读不到数据如何让select支持readonly
导读：收集整理的这篇文章主要介绍了设置disabled属性后台读不到数据如何让select支持readonly，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下: <span style="font-family...
收集整理的这篇文章主要介绍了设置disabled属性后台读不到数据如何让select支持readonly，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下:
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 表单的名称
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 设置disabled属性后台读不到数据如何让select支持readonly
本文地址： https://pptw.com/jishu/588031.html