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

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

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

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

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

浅谈Vue Element中Select下拉框选取值的问题
12-29
一个原生的select的，因为展示效果原因，给删除掉了，忘记保存代码了，现在大家展示使用elementUI的下拉框封装一个组件，供咱们项目中经常调用，减少代码量。 html： 请选择 value-key=mateGroup> ...
帆软报表：下拉框免提交
weixin_43203591的博客
05-31 374
应用场景 FineReport报表中下拉框选择后需要二次点击“查询”进行二次提交。本文即是为了避免这个操作。 实现 使用FineReport的此函数进行，对应的官方文档： _g().parameterCommit();
前端select框的属性设置为disabled之后，数据不能提交到后台的解决办法
ssrswk9的博客
09-25 1914
   前几天在代码的时候设置了一个select框的属性为disabled，之后这个字段的值就不能传递到后台去。仔细检查字段，用的是form表单序列化ajax传值，name属性没有问题，断点调试发现后台字段取的值是空值。问了同事才知道，select框传值之前，disabled属性的值要设置成false往后台传递，才能取到值。    设置属性的代码如下： ...
解决select下拉框禁用（设置disabled属性）后台获取值为空问题
u012709717的专栏
03-07 1533
有些场景我们不想让修改select下拉框选项，但是提交时，需要把下拉选项值传递到后台。大多数人可能第一时间想到的方法是通过设置disabled属性，但是发现值并不会传递到后台。在select标签添加style="pointer-events:none"（去除鼠标事件）即可。
select在设置disable后表单提交到后台，后台获取不到值解决办法
hachi_rt的博客
05-27 890
情景：在下拉框联动下，第一个下拉框选择后，第二个下拉框默认，不让用户选择： <select name="selectedID" style="width:300px;"onchange="changedHappend(this.options[this.options.selectedIndex].value)"> <option value="">--请选择XXXXXX---</option>...
html 下拉框disable传不了数据,javascript将下拉框disable之后的提交传值问题
weixin_36073895的博客
06-03 693
javascript将下拉框disable之后，form提交时下拉框的值将不再传回后台。将项目中遇到的实际情况是：整个form都是在后台动态拼接后传回页面进行显示的。所以在网上查找资料时提到的两种常规实现方式都显得不太合适：第一、在select标签外面包一层标签(这种做法实现的效果感觉有点点不和谐)：onmouseout = "firstChild.disabled=false" > 111...
在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=...
设置disabled属性后台读不到数据如何让select支持readonly
09-28
这种方法允许用户看到并选择`<select>`中的值，但在表单提交之前，用户不能改变这些值。 在处理`readonly`属性时，需要注意的是，`readonly`属性主要用于文本输入框`<input type="text">`，它使得用户不能编辑文本...
javascript中select下拉框的用法总结
10-23
本文将详细介绍`select`下拉框的用法，以及在实际开发中如何与后台进行数据交互。 ### 1. 获取选中的option值 当用户在下拉框中选择一个选项时，我们通常需要获取选中的`option`的值。这可以通过监听`onchange`...
解决HTML select控件 设置属性 disabled 后无法向后台传值的方法
weixin_33963189的博客
12-27 653
大家都知道有时候修改数据的时候我们希望有一些数据是不可以修改的，通常情况下我们会将input框设置为 readonly ， 但是 select 控件没有这个属性，需要使用另一个属性 disabled ，但是接着又出现其他的问题就是将select控件设置为 disabled 后提交表单后台无法获取数据。 在网上找了很多方法，大家普遍使用的最多的就是在提交表单之前的时候把 select 的属性 di...
解决form表单 select disable 不能提交难题
chuncui2576的博客
01-05 2135
在 form 表单的 里面 select 如果 设置了 <select disabled="disabled" name="type" class="form-field col-sm-12 "> 那么 在 from 表单提交的时候， 是不能提交给后台的，那么 可以...
HTML表单元素中disabled的元素的值不会提交到服务器
qq_31459039的博客
05-22 1459
一、在HTMl页面的form表单中对disabled的元素的属性和值不会提交到服务器 实例1： <form action="#" id="form1"> <input type="text" name='name' id="name" value='张三'> <br> <input type="text" name='age...
前端页面涉及disabled被写死数据的传输问题
weixin_42292939的博客
11-15 1587
背景 常常我们因为各种情况，需要将页面某一模块内容设为不可编辑状态，也就是“写死”,然后被“写死”的模块的值，又是需要随着网页的表单提交到服务器处理，此时便会遇到被“写死”模块的值无法传送。 在此之前，博主在网上搜索查阅了很多帖子，尚未有人提到解决办法。可能因为这种小问题，大佬们都心知肚明，也觉得没总结的必要，但是对刚入行不久的小白来说，很多细枝末节方面的问题，往往比主要功能的编码更令人头疼。 故...
阻止 form 表单的默认提交
qq_40147756的博客
08-26 1806
表单提交的3种方式，以及如何阻止表单的提交行为。
2021-06-24 layui中多个下拉列表间的禁选和取消禁选
ZT1090258642的博客
06-24 937
现有大项、分项、小项三个下拉列表，实现功能：默认分项、小项是禁选，在大项选择之后分项取消禁选，分项选择之后小项取消禁选 1.添加 lay-filter="sportsTypeParent" div class="layui-inline layui-col-md3"> <label class="layui-form-label">运动大项<span style="color: red;".
处理jquery 中 给disabled属性不传值的问题
weixin_30247307的博客
12-04 440
问题：审核页面加入不可编辑的判断后，点击【审核】按钮，报错，form表单的数据没有传递过去。 下面是js中加入的代码，用来判断是否是审核页面的，去掉此代码，点击【审核】按钮能正常传递数据，加入的话，无法传递。 if (data.WF_W_STATUS > 0 && data.WF_W_STATUS != 2) {...
解决select下拉框禁用（设置disabled属性）,后台获取值为空
zhaofuqiangmycomm的博客
03-20 3829
如果下拉框设置disabled属性后，提交表单到后台，后台获取的下拉框的值为空，以下有三种解决获取不到下拉框选项值的方法。 有下拉框html如：<select name="select" id="select" class="select"></select> 三种方法： 1.为下拉框添加样式，可以禁用该下拉框： <select name="name"...
关于select框下设置了disabled导致前台有值，但后台接收不到的情况记录
phubing
07-14 2690
一、背景在项目（传统JSP）需要改版页面的时候，进入页面前先获取后台传过来的数据，但一部分数据需要设置不可编辑，select框是不支持readonly的，故将select加disabled，此时则引起了一些问题，后台取不到加了disabled属性的值。二、解决方案可能由于自己的前端偏弱（其实是以前没有好好学习），来看看W3C对disabled的说明定义和用法： disabled 属性规定应该禁用 ...
el-select 下拉框选择的值大于32不满足要求， 边框变红色
最新发布
10-22
`el-select` 是 Element UI 库中的下拉框组件，当用户从选项中选择的值不符合特定条件时，比如值大于32，你可以通过自定义验证函数并在 `el-select` 的 `filterOption` 和 `clearable` 属性配合使用来实现这个效果。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值