html select 禁止修改,input和select设置为不可修改及取消不可修改 |
您所在的位置:网站首页 › select设置只读属性 › html select 禁止修改,input和select设置为不可修改及取消不可修改 |
input和select设置为不可修改及取消不可修改。 1、当需设置input和select显示为只读(不可修改)时,两者有不同的设置方法。 1)input可设置为只读,在其中增加属性readonly=“readonly”; 2)select没有readonly这个属性,不过可以通过disabled=“disabled”进行设置; 3)其中input设置为只读时,仍可提交,而select设置为不可用时,则不可提交。此时可在提交函数中,通过jQuery单独获取select的值,然后提交。 2、上述只读(不可修改)的设置与取消 1)设置 可直接在input或select标签中增加对应的属性; 可通过jQuery进行设置,如:$("#id").attr("readonly",readonly);——其中id为input标签的id $("#id").attr("disabled",disabled);——其中id为select标签的id 2)取消 可通过jQuery进行取消,如:$("#id").removeAttr("readonly");——其中id为input标签的id $("#id").removeAttr("disabled");——其中id为select标签的id 因为Select下拉框只支持disabled属性,不支持readOnly属性,而在提交时,disabled的控件,又是不提交值的。现提供以下几种解决方案: 1、在html中使用以下代码,在select外层加1个span,通过js控制。这种设置的不足之处是IE浏览器兼容,fireFox及其他不兼容.. select id="select1"> option value="0">0class="tag-name" style="margin: 0px; padding: 0px; border: none; background-color: inherit;">option> |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |