select框想要不可点选，但使用disabled后，无法获取到值的解决办法（使用pointer-events：none解决）

最新推荐文章于 2024-05-31 15:31:00 发布
最新推荐文章于 2024-05-31 15:31:00 发布
阅读量5.4k 收藏 3
点赞数 3
分类专栏： Css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31302091/article/details/89336448
版权

要求：select框想要不可点选，但使用disabled后，无法获取到值的解决办法（使用pointer-evenst：none解决）

需求是：点击编辑按钮后，select下拉选不可操作，点击保存按钮后，可操作

尝试一、使用了disabled属性后，当true时，其他的js函数使用serialize()或serializeArr()无法取到该元素的值

解决办法：

$("#id").css('pointer-events', 'none');//去除鼠标事件
$("#id").css('pointer-events', 'auto');//恢复鼠标事件

即可解决

Alan_ZhQ
关注
专栏目录
解决HTML select控件 设置属性 disabled 后无法向后台传值的方法
weixin_33963189的博客
12-27 653
大家都知道有时候修改数据的时候我们希望有一些数据是不可以修改的，通常情况下我们会将input框设置为 readonly ， 但是 select 控件没有这个属性，需要使用另一个属性 disabled ，但是接着又出现其他的问题就是将select控件设置为 disabled 后提交表单后台无法获取数据。 在网上找了很多方法，大家普遍使用的最多的就是在提交表单之前的时候把 select 的属性 di...
select 下拉框 设置disabled属性后 form表单提交到后台取不到值
许诗宇的博客
05-24 7135
大家都知道有时候修改数据的时候我们希望有一些数据是不可以修改的，通常情况下我们会将input框设置为readonly="readonly" 但是将select控件设置为这个属性的时候并不起作用需要使用另一个属性disabled="true" 但是接着又出现其他的问题就是将select控件设置为这个属性的之后提交表单后台无法获取数据，令人头大，在网上找了好多方法，大家普遍使用的最多的就是在提交表...
select-disabled-传值
04-07
select下拉框不可编辑，但可以传值到后台
解决jsp页面select框disabled无法取到值的问题
u010999809的博客
10-11 3942
一、问题说明 现在表单有一个下拉框，需要禁用掉这个下拉框，不让用户进行修改操作，同时又能将下拉框此时已经选中的值能传到后台 碰到的问题： 1.首先会想到用readonly，但这个属性对input输入框起作用，对下拉框不生效，用户依然可以修改选择值 2.如果用disabled，会发现页面元素确实无法进行操作，但是下拉框原有的选择值无法传到后台去 二、解决方法 方法一：网上查找后发现下面的...
解决select下拉框禁用（设置disabled属性）,后台获取值为空
zhaofuqiangmycomm的博客
03-20 3823
如果下拉框设置disabled属性后，提交表单到后台，后台获取的下拉框的值为空，以下有三种解决获取不到下拉框选项值的方法。 有下拉框html如：<select name="select" id="select" class="select"></select> 三种方法： 1.为下拉框添加样式，可以禁用该下拉框： <select name="name"...
解决select下拉框禁用（设置disabled属性）后台获取值为空问题
u012709717的专栏
03-07 1527
有些场景我们不想让修改select下拉框选项，但是提交时，需要把下拉选项值传递到后台。大多数人可能第一时间想到的方法是通过设置disabled属性，但是发现值并不会传递到后台。在select标签添加style="pointer-events:none"（去除鼠标事件）即可。
JS select下拉框设置disabled属性， form表单提交到后端获取不到值了
最新发布
weixin_42917261的博客
05-31 231
提交的时候放开，就可以在后端获取到值了。
pointer-events不允许点击但运行滚动怎么设置，或者使用其他方法实现
06-03
如果你想禁止元素的点击事件，但允许滚动，可以使用 CSS 属性 `pointer-events:none`。但是，这将完全禁用元素的所有指针事件，包括滚动、拖拽等操作。 如果你想只禁用点击事件，但允许鼠标滚轮滚动，可以使用以下...
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
10-26
pointer-events: none; opacity: 0.5; } ``` 这将使得选择框失去鼠标交互，并降低其透明度，从而给用户一种不可编辑的感觉。 ### 注意事项 1. JavaScript方法虽然在页面加载后立即禁用了选择框，但仍然可以通过...
使用css禁用input、checkbox、select等html控件实现disable效果
12-14
用js的event可以用来阻止input,select,checkbox的默认事件，如 event.preventDefault() event.stopPropagation() 其实用纯CSS也能实现，如 input { pointer-events: none; } 然后用CSS把input变灰即可，50%透明度...
js 将checkbox, radio, select控件设置为只读不可选
06-01
要将checkbox、radio和select控件设置为只读不可选，可以使用以下方法： 1. 使用JavaScript禁用控件： 对于checkbox和radio控件，可以使用以下代码禁用控件： ```javascript document.getElementById("checkboxId...
fastadmin框架里基于x-editable实现的表格无刷新行内编辑功能的插件的‘datetime‘时间类型无法使用的解决方法
lsmbh的博客
03-02 1332
问题描述： 当editable中的参数type设为为datetime的时候会出现以下报错。 Uncaught TypeError: Cannot read property 'DPGlobal' of undefined 原因分析： 在bootstrap-editable.js和bootstrap-editable.css文件中没有引入datetimepicker资源文件 解决方案： 1.在bootstrap-editable.css文件尾部写入 /*! * Datetimepicke
select 下拉框 disabled 则 Form 获取不到值
weixin_33817333的博客
04-13 452
select 下拉框 disabled 则 Form 获取不到值 有时候需要禁用 下拉框 , 但是表单又需要获取到 下拉框的值. 解决方案1: 使用文本框和隐藏域 来代替下拉框 disabled 解决方案2: 写一个JS函数,让 下拉框展示被禁止,自行百度 解决方案3: 不使用 $(“form”).searsize() 来获取, 自行获取每一个表单的值,然后自己拼接成数据 转载于:...
.NET中TextBox控件设置ReadOnly=true后台取不到值 三种解决方法
adfa33432的博客
05-30 188
方法一：不设置ReadOnly属性，通过onfocus=this.blur()来模拟，如下： <asp:TextBox ID="TextBox1" runat="server" onfocus=this.blur()></asp:TextBox> 在此情况下，当文本框获得焦点时便立刻失去，所以也无法手动修改其内容，能够模拟ReadOnly，在后台代码中也能...
TextBox disable 后取不到值
cloudfighter的专栏
06-17 559
http://www.cn-web.com/cnweb/5/143/article/
下拉列表select设置disabled后台获取不到标签的值
weixin_33700350的博客
08-23 599
2019独角兽企业重金招聘Python工程师标准>>> ...
针对标签中设置 disabled="true"，$("#id").serialize()获取不到value的解决方法
weixin_34233679的博客
08-07 864
　　今天给<select>增加disabled="true",发现$("#form").serialize()的结果不包含select标签的值，解决办法有如下两种： 　　1.$("#form").serialize()之前去掉select的disabled属性，$("#role").removeAttr("disabled"); 　　2.修改disabled="true"为 ...
layui中select disable不起作用，checkbox样式无法显示
qq_41617901的博客
08-21 1528
1.当在使用jquery操作DOM对象，让select标签disable，这是没有禁用效果； 2.当你拼接html字符串，最后append当Dom中的，这时对应input type=checkbox的layui样式没有显示； 当进行以上操作时： 记得写上如下代码： form.render(); 记得在Layui中render是十分重要的。 ...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值