• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    设置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 表单的名称
    上一篇:通过display或visibility来隐藏html元素
    下一篇:HTML页面style中里面!-- --的作用是什么
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    设置disabled属性后台读不到数据如何让select支持readonly 设置,disabled,属性,后台,