select 下拉框设为disabled不能提交值

最新推荐文章于 2024-06-17 11:23:01 发布
最新推荐文章于 2024-06-17 11:23:01 发布
阅读量7.7k 收藏 1
点赞数 2
分类专栏： 其他 文章标签： diabled
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mrzhang0419/article/details/70272294
版权

在有一次的项目开发过程中，下拉框选择值后，页面跳转到其他页面，在处理过程中，将此下拉框设为disabled(需求原因，不能更改此下拉框的值），但后面提交时，发现此下拉框值不见了（或者说值为空），经过长时间的查找原因，发现此下拉框为disabled

然后发现disabled并不能提交值，在此需求情况下，解决方法为：

当属性设置为disabled时，提交时，select的值无法传递，提交前移除disabled属性

余云勇
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决form表单 select disable 不能提交难题
chuncui2576的博客
01-05 2091
在 form 表单的 里面 select 如果 设置了 <select disabled="disabled" name="type" class="form-field col-sm-12 "> 那么 在 from 表单提交的时候， 是不能提交给后台的，那么 可以...
前端select框的属性设置为disabled之后，数据不能提交到后台的解决办法
ssrswk9的博客
09-25 1877
   前几天在代码的时候设置了一个select框的属性为disabled，之后这个字段的值就不能传递到后台去。仔细检查字段，用的是form表单序列化ajax传值，name属性没有问题，断点调试发现后台字段取的值是空值。问了同事才知道，select框传值之前，disabled属性的值要设置成false往后台传递，才能取到值。    设置属性的代码如下： ...
解决select下拉框禁用（设置disabled属性）后台获取值为空问题
u012709717的专栏
03-07 1192
有些场景我们不想让修改select下拉框选项，但是提交时，需要把下拉选项值传递到后台。大多数人可能第一时间想到的方法是通过设置disabled属性，但是发现值并不会传递到后台。在select标签添加style="pointer-events:none"（去除鼠标事件）即可。
select 下拉框不可选
最新发布
csdn565973850的博客
06-17 648
select下拉框设置不可选
html 下拉框disable传不了数据,javascript将下拉框disable之后的提交传值问题
weixin_36073895的博客
06-03 651
javascript将下拉框disable之后，form提交时下拉框的值将不再传回后台。将项目中遇到的实际情况是：整个form都是在后台动态拼接后传回页面进行显示的。所以在网上查找资料时提到的两种常规实现方式都显得不太合适：第一、在select标签外面包一层标签(这种做法实现的效果感觉有点点不和谐)：onmouseout = "firstChild.disabled=false" > 111...
解决HTML select控件 设置属性 disabled 后无法向后台传值的方法
weixin_33963189的博客
12-27 636
大家都知道有时候修改数据的时候我们希望有一些数据是不可以修改的，通常情况下我们会将input框设置为 readonly ， 但是 select 控件没有这个属性，需要使用另一个属性 disabled ，但是接着又出现其他的问题就是将select控件设置为 disabled 后提交表单后台无法获取数据。 在网上找了很多方法，大家普遍使用的最多的就是在提交表单之前的时候把 select 的属性 di...
浅谈Vue Element中Select下拉框选取值的问题
12-29
一个原生的select的，因为展示效果原因，给删除掉了，忘记保存代码了，现在大家展示使用elementUI的下拉框封装一个组件，供咱们项目中经常调用，减少代码量。 html： 请选择 value-key=mateGroup> ...
在element-ui的select下拉框加上滚动加载
10-17
总的来说，通过创建自定义Vue指令并结合Element-UI的`<el-select>`组件，我们可以实现一个滚动加载功能，使得在处理大量数据时能有更好的性能和交互体验。这种方法不仅适用于`<el-select>`，也可以应用到其他需要...
vue 不使用select实现下拉框功能(推荐)
08-27
在 Vue Select 组件中，我们可以使用 disabled 属性来禁用下拉框，该属性的类型为 Boolean，默认值为 false。以下是 Vue Select 组件的使用示例： ```html <Select v-bind:disabled="isAble" clearable v-model=...
javascript中select下拉框的用法总结
10-23
本文将详细介绍`select`下拉框的用法，以及在实际开发中如何与后台进行数据交互。 ### 1. 获取选中的option值 当用户在下拉框中选择一个选项时，我们通常需要获取选中的`option`的值。这可以通过监听`onchange`...
微信小程序 select 下拉框组件.zip
02-23
通过以上介绍，你应该能理解并实现微信小程序中的`select`下拉框组件了。项目提供的`WeChatMiniSelect-master`和“微信小程序 select 下拉框组件”文件可以作为实际操作的参考，通过查看源码和实际运行，你会更深入...
2021-06-24 layui中多个下拉列表间的禁选和取消禁选
ZT1090258642的博客
06-24 906
现有大项、分项、小项三个下拉列表，实现功能：默认分项、小项是禁选，在大项选择之后分项取消禁选，分项选择之后小项取消禁选 1.添加 lay-filter="sportsTypeParent" div class="layui-inline layui-col-md3"> <label class="layui-form-label">运动大项<span style="color: red;".
解决select下拉框禁用（设置disabled属性）,后台获取值为空
zhaofuqiangmycomm的博客
03-20 3580
如果下拉框设置disabled属性后，提交表单到后台，后台获取的下拉框的值为空，以下有三种解决获取不到下拉框选项值的方法。 有下拉框html如：<select name="select" id="select" class="select"></select> 三种方法： 1.为下拉框添加样式，可以禁用该下拉框： <select name="name"...
html下拉框不显示空值,解决select下拉框禁用（设置disabled属性）,后台获取值为空...
weixin_36352523的博客
06-07 1931
如果下拉框设置disabled属性后，提交表单到后台，后台获取的下拉框的值为空，以下有三种解决获取不到下拉框选项值的方法。有下拉框html如：三种方法：1.为下拉框添加样式，可以禁用该下拉框：2.为下拉框添加onfocus和onchange方法，可以禁用该下拉框：3.在页面加载之前设置$(function() {$('#select').attr("disabled",true); })；提交...
select设置disabled后无法向后台传值
banjing_1993的博客
03-21 2429
  有时候需要设置select下拉框某个option被选中，且该下拉框无法下拉，最简单的方法就是设置 disabled = "disabled",但是会出现这个select选中的值无法向后台传递的问题    解决方法：在提交之前设置disabled失效，比如我想设置我所有的select标签里面的disabled属性失效          $("select[disabled]").each(fun...
解决当select下拉框不可选时无法传参数
不想搞技术的的cc不是好cc
07-22 557
问题现象：当select下拉框为disabled时，提交表单无法向后端传参数。 解决办法：通过js在提交表单之前先将disabled置为false $("select[disabled]").each(function() { if (parseInt($(this).val()) != -1) { $(this).attr("disabled", false); } }); ...
如何在某些情况下禁止提交Select下拉框中的默认值或者第一个值(默认选中的就是第一个值啦……)...
weixin_30508241的博客
05-10 1044
群里有个帅哥问了这么个问题，他的下拉框刚进页面时是隐藏起来的，但是是有值的，为啥呢？因为下拉框默认选中了第一个值呗，，， 所以提交数据的时候就尴尬啦，明明没有选，但是还是有值滴。怎么办呢？ 一开始看到的时候不是很理解他的意思，提交的时候判断一下把获取选中的值赋值为空不就好啦。难道还有什么深意？ 不过这样是不是有点麻烦或者有点太low啊，想着的时候，群里的大神来了一句设置属性disabled=...
layui 禁用时间选择框_layui下select禁止点击
weixin_39954674的博客
12-18 703
layui下拉选择框select禁止点击_设置禁用_设置不可操作的实现方法直接上代码： 行业类型选择行业类型IT服务制造业批发/零售生活服务layui.use('form', function(){var form = layui.form;});可以直接 放到下拉选择框 select 上 (HTML)，这样默认渲染出来的效果就是这样的：...也可以用 jq 控制下拉框 select 禁用效果：l...
element 多选下拉框 选中的值怎么设置不能移除
04-28
要实现 element 多选下拉框选中的值不能移除，需要进行以下操作： 1. 在设置多选下拉框的值时，需要将该值设置为默认的选中状态，可以通过在代码中添加 selected: true 属性实现。 例如： <el-select v-model="value" multiple> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" :selected="true"></el-option> </el-select> 2. 接下来，需要禁用用户在界面上取消选中该值的操作，可以通过在代码中添加 disabled 属性实现。 例如： <el-select v-model="value" multiple> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" selected disabled></el-option> </el-select> 这样，用户就无法在界面上对该选项进行取消选中的操作，保证了多选下拉框选中的值不能移除。 需要注意的是，在设置默认选中状态和禁用取消操作时，需要对该项值进行特殊标识，以便后续操作。例如，在代码中添加一个特殊的 class，方便后续通过 class 来操作该选中项。 综上所述，实现 element 多选下拉框选中的值不能移除，需要在设置选项时添加 selected 和 disabled 属性，并对该选项进行特殊标识以便后续操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值