html select 禁止修改,input和select设置为不可修改及取消不可修改

您所在的位置:网站首页 select设置只读属性 html select 禁止修改,input和select设置为不可修改及取消不可修改

html select 禁止修改,input和select设置为不可修改及取消不可修改

2023-09-26 16:51| 来源: 网络整理| 查看: 265

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">0

class="tag-name" style="margin: 0px; padding: 0px; border: none;

background-color: inherit;">option>



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3