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

最新推荐文章于 2024-03-07 10:32:57 发布
原创 最新推荐文章于 2024-03-07 10:32:57 发布 · 8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#diabled

探讨了在项目开发中遇到的问题：当设置下拉框为disabled状态时，提交表单会导致该下拉框的选择值丢失。文章详细解释了原因，并提供了解决方案——在提交前移除disabled属性。

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

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

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

2021-06-24 layui中多个下拉列表间的禁选和取消禁选
ZT1090258642的博客
06-24 1070
现有大项、分项、小项三个下拉列表，实现功能：默认分项、小项是禁选，在大项选择之后分项取消禁选，分项选择之后小项取消禁选 1.添加 lay-filter="sportsTypeParent" div class="layui-inline layui-col-md3"> <label class="layui-form-label">运动大项<span style="color: red;".
在element-ui的select下拉框加上滚动加载
10-17
总的来说，通过创建自定义Vue指令并结合Element-UI的`<el-select>`组件，我们可以实现一个滚动加载功能，使得在处理大量数据时能有更好的性能和交互体验。这种方法不仅适用于`<el-select>`，也可以应用到其他需要...
解决HTML select控件 设置属性 disabled 后无法向后台传值的方法
weixin_33963189的博客
12-27 706
大家都知道有时候修改数据的时候我们希望有一些数据是不可以修改的，通常情况下我们会将input框设置为 readonly ， 但是 select 控件没有这个属性，需要使用另一个属性 disabled ，但是接着又出现其他的问题就是将select控件设置为 disabled 后提交表单后台无法获取数据。 在网上找了很多方法，大家普遍使用的最多的就是在提交表单之前的时候把 select 的属性 di...
解决form表单 select disable 不能提交难题
chuncui2576的博客
01-05 2237
在 form 表单的 里面 select 如果 设置了 <select disabled="disabled" name="type" class="form-field col-sm-12 "> 那么 在 from 表单提交的时候， 是不能提交给后台的，那么 可以...
前端select框的属性设置为disabled之后，数据不能提交到后台的解决办法
ssrswk9的博客
09-25 2051
   前几天在代码的时候设置了一个select框的属性为disabled，之后这个字段的值就不能传递到后台去。仔细检查字段，用的是form表单序列化ajax传值，name属性没有问题，断点调试发现后台字段取的值是空值。问了同事才知道，select框传值之前，disabled属性的值要设置成false往后台传递，才能取到值。    设置属性的代码如下： ...
select设置disabled后无法向后台传值
banjing_1993的博客
03-21 2556
  有时候需要设置select下拉框某个option被选中，且该下拉框无法下拉，最简单的方法就是设置 disabled = "disabled",但是会出现这个select选中的值无法向后台传递的问题    解决方法：在提交之前设置disabled失效，比如我想设置我所有的select标签里面的disabled属性失效          $("select[disabled]").each(fun...
html 下拉框disable传不了数据,javascript将下拉框disable之后的提交传值问题
weixin_36073895的博客
06-03 766
javascript将下拉框disable之后，form提交时下拉框的值将不再传回后台。将项目中遇到的实际情况是：整个form都是在后台动态拼接后传回页面进行显示的。所以在网上查找资料时提到的两种常规实现方式都显得不太合适：第一、在select标签外面包一层标签(这种做法实现的效果感觉有点点不和谐)：onmouseout = "firstChild.disabled=false" > 111...
浅谈Vue Element中Select下拉框选取值的问题
12-29
一个原生的select的，因为展示效果原因，给删除掉了，忘记保存代码了，现在大家展示使用elementUI的下拉框封装一个组件，供咱们项目中经常调用，减少代码量。 html： 请选择 value-key=mateGroup> ...
设置disabled属性后台读不到数据如何让select支持readonly
09-28
这种方法允许用户看到并选择`<select>`中的值，但在表单提交之前，用户不能改变这些值。 在处理`readonly`属性时，需要注意的是，`readonly`属性主要用于文本输入框`<input type="text">`，它使得用户不能编辑文本...
vue 不使用select实现下拉框功能(推荐)
08-27
在 Vue Select 组件中，我们可以使用 disabled 属性来禁用下拉框，该属性的类型为 Boolean，默认值为 false。以下是 Vue Select 组件的使用示例： ```html <Select v-bind:disabled="isAble" clearable v-model=...
Vue中el-form标签中的自定义el-select下拉框标签功能
10-15
2. **多选模式**：通过设置`el-select` 的`multiple` 属性为`true`，可以让用户选择多个选项。 3. **远程搜索**：通过监听`input` 事件，结合`loading` 属性，可以实现远程数据加载的下拉框。 4. **分组选项**：使用...
select在设置disable后表单提交到后台，后台获取不到值解决办法
hachi_rt的博客
05-27 978
情景：在下拉框联动下，第一个下拉框选择后，第二个下拉框默认，不让用户选择： <select name="selectedID" style="width:300px;"onchange="changedHappend(this.options[this.options.selectedIndex].value)"> <option value="">--请选择XXXXXX---</option>...
select默认不能选中时disabled属性不能给后台传值
lyx32609的博客
05-06 1190
disabled定义和用法 disabled 属性规定禁用按钮。 被禁用的按钮既不可用，也不可点击。 可以设置 disabled 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该按钮的使用。然后，可以使用 JavaScript 来清除 disabled 属性，以使文本区变为可用状态。 select设置disabled属性后传值到后台 当设置了select/input的disabled属性后，后台无法通过request.getParameter("name")得到其内容，若需要传值到后台
给标签设置disabled属性后提交不了数据
weixin_33785108的博客
03-03 712
项目中遇到给select标签添加disabled属性然后提交表单的时候不能提交该表单的数据到后台， readonly属性对提交数据没有限制，但是readonly属性对radio、select、checkbox这三个表单不起作用 解决方法： 1：设置disabled属性，把表单值储存在hidden隐藏域中； 2：通过jQuery控制表单属性的true/false。 　　　　<sc...
帆软报表：下拉框免提交
weixin_43203591的博客
05-31 470
应用场景 FineReport报表中下拉框选择后需要二次点击“查询”进行二次提交。本文即是为了避免这个操作。 实现 使用FineReport的此函数进行，对应的官方文档： _g().parameterCommit();
解决select下拉框禁用（设置disabled属性）后台获取值为空问题
u012709717的专栏
03-07 1995
有些场景我们不想让修改select下拉框选项，但是提交时，需要把下拉选项值传递到后台。大多数人可能第一时间想到的方法是通过设置disabled属性，但是发现值并不会传递到后台。在select标签添加style="pointer-events:none"（去除鼠标事件）即可。
解决disable 属性无法向后台传值
Mr__Ming(QQ：1178889246)的博客
02-27 1489
在form表单中，如果对input加入了disabled="disabled"或者disabled="true"等属性，form表单提交的时候，就不会把值传到后台。原因是：在html页面的某元素加入了disabled的属性,那么这个元素就只是淡淡的去给用户展示，当表单提交时，这个元素就不会提交给后台处理，所以当元素加入了disabled属性之后，后台就无法得到这个属性的值。解决办法： 1、再写一个...
处理jquery 中 给disabled属性不传值的问题
weixin_30247307的博客
12-04 486
问题：审核页面加入不可编辑的判断后，点击【审核】按钮，报错，form表单的数据没有传递过去。 下面是js中加入的代码，用来判断是否是审核页面的，去掉此代码，点击【审核】按钮能正常传递数据，加入的话，无法传递。 if (data.WF_W_STATUS > 0 && data.WF_W_STATUS != 2) {...
select下拉框option样式修改不生效
最新发布
11-28
不同框架和场景下，解决select下拉框option样式修改不生效问题有不同的方法： - **Vue 3 原生 HTML 场景**：在Vue 3中使用原生HTML开发时，若因使用了Composition API导致响应式数据不会自动更新到DOM中，可使用 `:v-model` 来绑定下拉框的值，以解决默认选中 `selected` 属性不起作用的问题，虽然文中提到在某些情况下使用 `v-model` 无效，但 `:v-model` 可能有效 [^1]。 - **ElementUI场景**：对于ElementUI的 `el - select` 下拉框，修改样式不生效时，可使用 `/deep/` 深度选择器。例如修改背景色、边框、选项文字颜色和悬停颜色的代码如下： ```css <style scoped> /deep/ .el-select-dropdown__list { background-color: #1f2f6d !important; } /deep/ .el-select-dropdown { border: 1px solid #409eff; } /deep/ .el-select-dropdown__item { color: white; } /deep/ .el-select-dropdown__item.hover { background-color: #3f4f98; } </style> ``` 这里使用 `!important` 来提高样式的优先级，确保样式生效 [^2]。 - **Element Plus场景**：在Element Plus中，设置 `:teleported="false"` 可能有助于解决Select下拉框样式不生效的问题，示例代码如下： ```vue <el-select :teleported="false"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" :disabled="item.disabled" /> </el-select> ``` 这样可能避免一些因组件渲染位置等因素导致的样式问题 [^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值