记 jquery serialize 不能提交textarea的坑

最新推荐文章于 2023-09-18 09:04:20 发布
最新推荐文章于 2023-09-18 09:04:20 发布
阅读量2.8k 收藏
点赞数
分类专栏： js juqery 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lvzhyt/article/details/81111280
版权
本文介绍了一种解决在使用jQuery的serialize方法时遇到的问题，即带有disabled属性的textarea无法被正确序列化。通过引入隐藏输入框并在提交表单前更新其值的方法解决了这一难题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

jquery serialize 不能提交textarea

var data = $("#coupon_form").serialize();

 

<textarea class="w300" name="couponDescText" id="couponDesc" rows="3" disabled >${coupon.couponDesc}</textarea>
 

原因：disabled不能序列化

解决：

<input type="hidden" name="couponDesc" id="couponDescId" value="${coupon.couponDesc}" >

 

提交表单前：

$('#couponDescId').val($('#couponDesc').val());
var data = $("#coupon_form").serialize();

JQuery中serialize()实例
肖肖肖丽珠的博客
01-13 655
表单写在form里面，必须有提交按钮submit 如果想要写成键值对的形式，表单的名也显示。就要写name .serialize() 方法可以操作已选取个别表单元素的 jQuery 对象，比如 , 以及 。不过，选择 标签本身进行序列化一般更容易些 最后序列化的是这个表单 举例子 昵称 name="username" value="admin" /> 密码 name
jQuery ajax serialize() 方法使用示例
10-25
其中，Ajax是jQuery的一个核心功能，它使得在不重新加载页面的情况下，与服务器交换数据并更新部分网页内容成为可能。在Ajax的众多功能中，serialize()方法是一个非常实用的工具，它用于将表单内的元素序列化为适合...
TextArea提交失败(Tomcat 关于表单提交数据量过大导致数据丢失的问题)
yqling2008
09-29 620
Tomcat 关于表单提交数据量过大导致数据丢失的问题      使用ajax的方式提交TextArea内容过大无法提交的原因，使用POST提交也是一样，后台没接收到故怀疑是提交失败，郁闷ing。      随便上传了一个字符串 ，发现可以正常的提交，不用问肯定是提交的内容超过了限制。      alert了一下字符串长度 ，超过了3百万页面加载缓慢。想了想，post的提交规则，八成是tom...
serialize()获取不到数据
weixin_51745081的博客
03-13 413
原因是form表单里的input标签没有写name属性，加上就能获取到了。
动态 提交表单，提交不上，解决办法data: $(‘# ‘).serialize()
weixin_45799001的博客
12-14 821
form.on('submit(FormData)', function (data) { $.ajax({ url: 'insertPsqResult', method: 'post', data: $('#itemView').serialize(), // <form id="itemView"> dataType: 'JSON', async: false, success: function (res) { if (res.code =.
小程序多个textarea在form中无法提交的坑
qq8057656qq的博客
12-10 1696
form中有多个textarea的情况下，无法触发form的提交事件，目前有两种解决方案 1.textarea 增加 bindInput 事件，data中保存textarea的值，手动拼接参数提交【推荐】 &lt;textarea wx:for="{{defaultHomeWorkArr}}" bindinput='hkInput' wx:for-index="index" data-ind...
jQuery ajax serialize()方法的使用以及常见问题解决
12-11
3. **不包含提交按钮的值** `serialize()` 不会包含用于提交表单的按钮的值，因为这通常不是发送到服务器的数据的一部分。如果你确实需要，可以手动添加。 4. **处理复杂嵌套的表单结构** 对于复杂的表单结构，如...
JQuery中serialize() 序列化
10-24
1. 使用`serialize()`进行AJAX提交： ```javascript $.ajax({ type: "POST", dataType: "json", url: "ajaxCallBack", data: $('#myForm').serialize(), success: function(msg) { alert(msg); } }); ``` 在...
jquery.serialize() 函数语法及简单实例
10-21
`serialize()`方法遍历所有符合选择器的表单元素，包括`<input>`、`<textarea>`、`<select>`等，但不包括`<button>`（除非它们的`type`属性设置为`submit`）。它只包含那些有`name`属性并且符合以下条件的表单元素：...
serialize()
qq_38384583的博客
03-12 349
定义和用法 serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。 您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 语法 $(selector).serialize() 详细说明 .serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象...
项目开发中关于jquery中出现问题小结（textarea，disabled，关键字等）
weixin_33763244的博客
02-26 285
1、textarea： 使用 定义了一个textarea，在使用jquery的方法获取文本内容的时候总是为空。var content = $(“#content”).val(); 后来测试发现，id不能命名成content，换成别的名字获取内容就正常了，猜测是个关键字。 2、disadled和readOnly 在开发过程中发现一个问题，在提交form表单时，有一个input一直不能...
javaScript和jQuery获取、设置textarea标签的内容（常见问题）
最新发布
weixin_66196770的博客
09-18 3811
昨天晚上在写代码的时候前端遇到一个bug，在js取值textarea中，我使用了getElementById方法对textarea标签取值，但不论如何取值，始终无法成功取到页面上输入的值并进行Ajax请求，一开始以为是ajax与后端接口之间数据传输出问题了，后来经过排查，就是对于textarea标签取值失败的问题，于是上网查阅了一下资料。下面是我的错误源码对于标签textarea的取值，顺便整理一下它的取值和赋值。
jQuery form.serialize()方法获取textarea表单内容时自动添加额外的\r
08-25 776
jQuery的form.serialize()方法在获取textarea内容时会自动加上\r，所以如果你用JS计算textarea长度，会与在后台计算的长度不一致。 如textarea中内容为 1 2 3 用textarea.val()获取到的值是1\n2\n3，但是通过form.seria...
jQuery函数之serializeArray()
helongzhong的博客
07-12 359
jQuery中文文档：http://jquery.bootcss.com/ serializeArray()将用作提交的表单元素的值编译成拥有name和value对象组成的数组。 例如[ { name: a value: 1 }, { name: b value: 2 },...] 示例代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
使用ckeditor在Ajax 序列化表单提交时不能获取 textarea 的值 解决方案
LHL的博客
08-03 5235
最早遇到这个问题的时候因为只有一个富文本编辑所以网上找了方案解决了下，就没怎么管，当时是用这种方式放的富文本 editor=CKEDITOR.replace('ckedit',{ height: '600px', width: 'auto' }); 在拿取不了值的时候，用 var content = editor.getData(); 的方式获取了富文本里的内容。 今天又遇到了这
实现jquery textarea内插入动态QQ表情GIF并提交表单
标题中提到的知识点是使用jQuery技术在网页中的textarea文本框内插入动态的GIF图片表情，并且能够将包含这些表情的表单数据提交给服务器。描述是对标题的重复，因此知识点相同。标签指出了使用的相关技术是jQuery和...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值