序列化表单提交无法获取下拉选列表的text内容或其他文本内容

最新推荐文章于 2022-09-23 12:36:15 发布
最新推荐文章于 2022-09-23 12:36:15 发布
阅读量511 收藏 1
点赞数
分类专栏： JAVA 文章标签： 表单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FairytailRose/article/details/93204445
版权

序列化表单提交无法获取下拉选列表的text内容或其他文本内容

序列化表单在提交的时候,仅仅能获取下拉选列表的value值,但是有时候value值在数据库表中并不能直接显示其含义,而text值却一直获取不到

那么重头戏就来了,我百度了很多,都没有结果,好了,不废话了,上正事

只需要一行代码就行

var text2 = $("#proname")["0"].selectedOptions["0"].innerText

在这里插入图片描述
因为我这个要序列化表单提交,所以我在序列化表单之后得到的param值后面拼接上我所获得的text内容,然后我的数据就传到后台了,是不是很简单呢!

FairytailRose
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单序列化获取不到值的原因
我的博客
09-21 2523
在页面上我们经常使用 ajax 提交表单时，出现了表单中有几个input的值是接收不到的， 我也遇到了，经过一番删了改，发现是页面上使用了 两个 form 表单，切都是多段式的表单，就会遇到 其中一个表单下面的《input》 中的属性接不到值，那们我就需要把其中一表单的位置放到最后一个 如下例子： <form class="form-horizontal" id="formSimple" ...
JQUERY获取form表单值的代码
12-03
此外，`serialize()`方法可以帮助我们将整个表单数据序列化成URL编码格式，方便提交到服务器。 总之，jQuery为开发者提供了强大的工具来处理表单元素，无论是获取用户输入、改变元素状态还是验证数据，都变得更加...
表单序列化后得不到值
人生几度秋凉
07-09 1205
1、serialize()方法 描述：序列化表单内容为字符串,用于Ajax请求。 格式：var data = $(form).serialize(); 2.serializeArray()方法 描述：序列化表单元素(类似'.serialize()'方法)返回JSON数据结构数据。 注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。 格式：...
firefox下JS动态创建的form表单元素获取不到值的问题
loveme888的专栏
07-02 1633
今天遇到个问题，在Firefox下用Javascript动态创建input元素，在服务器端获取不到值。 我一点点的删代码，删到最后才发现嵌套的问题。 ...... 把form 写在 table 外面就可以了。 网上有网友说：此写法不符合DOM规范，JS创建新的form表单项时，新的元素无法与未按标准嵌套的form建立关联，所以post数据的时候它是不会被传递
表单序列化获取不到元素的原因
love_yr的博客
11-14 658
表单序列化得到的元素都必须要有name属性,只加id属性是不行的 言简意骇,如果有用别忘了点赞哦
关于jQuery中serializeJsonObject()不能获取到所有选中的checkbox值问题探讨
u014786083的博客
01-19 1623
关于jQuery中serializeJsonObject()不能获取到所有选中的checkbox值问题探讨 1.背景 （写在前面的话：如果哪位大佬觉得不对或者有需要改进的地方，请不吝指教，本人QQ:245195671。如果这个世界不好，那么就从我们自身去改变，哪怕只是把我们自己做好！） 刚入职一个公司，接到一个功能：页面有多个复选框，根据复选框中选中的值作为不同的查询条件来筛选数据。 ...
jQuery简单可视化表单拖拽实例代码.zip
11-06
为了存储和提交这些自定义表单，可能需要使用JSON格式来序列化表单结构。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。我们可以遍历表单元素，将每...
jquery中对表单的基本操作代码
12-12
在jQuery中，对HTML表单进行基本操作是常见的任务，这包括获取和设置表单元素的值、处理用户输入以及响应事件。...在实际项目中，还可以结合AJAX、表单序列化等功能，进一步提升表单操作的复杂性和用户体验。
jQuery表单添加
04-11
5. **表单数据获取**：`$("form").serialize()`可序列化表单数据，方便发送到服务器。`$(":input").val()`获取输入元素的值。 6. **表单验证**：使用`validate()`插件可以实现客户端表单验证，提供实时反馈，确保...
jQuery表单选择填写功能.zip
11-19
7. **表单序列化**：`serialize()`方法可以将表单的所有数据转换成URL编码格式的字符串，方便通过Ajax发送到服务器。 8. **动画效果**：jQuery的动画库可以增加用户交互的反馈感，例如`fadeIn()`, `fadeOut()`, `...
下拉框有值但是不显示值
weixin_44770377的博客
04-01 4576
查看信息时，明明有值传入，可是下拉框的数据不会自动带出。如图： 情况有很多种： 1、值类型不对 可能后台放回的数字是字符串类型的，需要转换 this.firstform["cateId"]=parseInt(this.firstform["cateId"]) 2、请求滞后 下拉框的请求代码虽在前面，赋值在后。但是由于是异步的，所以导致赋值在前请求滞后 若果多个请求同时进行，可以用嵌套的方式...
解决form表单序列化获取不到未选中的checkbox,radio的值
qq_32682035的博客
08-30 7298
serialize()对于未选中的checkbox,radio是获取不到值得，我们不可能直接修改源代码，于是我们可以自己实现一个 $.fn.xiubin_serialize = function () { var a = this.serializeArray(); var $radio = $('input[type=radio],input[type=
form表单序列化获取不到未选中的checkbox,radio的值
u013197034的博客
09-23 762
serialize()对于未选中的checkbox,radio是获取不到值的，在对应的js中自己修改下。然后调用$('form').new_serialize()
{项目解决问题}下拉框获取不到值的情况 2019.07.08
酱子
11-08 939
data： rescNameList:[] medhods: // 获取 资源名称 async _getTableList() { const res = await getTableList(this.ruleForm.organizationId); const { code, data, success } = ...
form表单序列化时缺少一些下拉框字段的原因
chengsi101的博客
08-02 2077
最近碰到一个问题，在页面修改一条记录，有一个下拉框的值不改变，结果序列化form传到后台的时候，这个下拉框对应的属性名没有被传到后台，可是在选择了下拉框的值之后，则序列化form的时候就有了这个属性。之前是好的，修改过一次之后就变成这样了。 经过仔细对比修改前后的代码和实验，发现原来初始化此下拉框的时候，赋了空字符串，不在下拉框的可选值之中，此时序列化form的时候就会忽视掉此下拉框（也许是当作
select表单序列化serialize()出现问题
lwf的博客
12-07 6663
今天在序列化select时，遇到了一个问题 HTML： <input name="id" type="text"/> <select class="form-control" id="placeSelect" name="place"> <option value="1">1</option> <option value="2">2</option
js表单处理中单选、多选、选择框值的获取及表单的序列化，js序列化
uevol14的博客
11-14 4952
var formUtil = { // 获取单选按钮的值，如有没有选的话返回null // elements为radio类的集合的引用 getRadioValue:function(elements) { var value = null; // null表示没有选中项 // 非IE浏览器 if(elements.value != undefined && eleme
jquery序列化表单
最新发布
05-27
jQuery提供了一个方便的方法可以序列化表单数据，这个方法叫做 `serialize()`。使用这个方法可以将表单中的所有带有name属性的表单元素的值序列化成一个字符串，方便后续的处理。 例如，假设你有一个表单如下所示：...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值