jQuery获取表单的值val()

这篇具有很好参考价值的文章主要介绍了jQuery获取表单的值val()。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

（1）页面中有很多元素，包括表单中的输入项，如输入文本框等；获取、设置、输入文本框的值；val()方法。

（2）也包括<p>、<span>等元素；获取、设置这些元素的文本值；text()方法、html()方法。

1.示例1：val()：设置输入项的值（其实大部分情况下就是设置表单中的输入文本框）

下面是先用$("input[name='uname']")这个选择器获取了页面元素，然后调用val()方法，设置该元素的值；

2.示例2：val()：获取输入项的值

当var v = $("input[name='uname']").val();，即val()没有参数的时候，就是获取输入项元素的值；val()方法用于设置表单项的内容，尤其指输入框的文本值；

3.示例3：text()：设置元素的纯文本

注意下面：$("span.myclass")标签和类选择器组合使用的方式；

4.示例4：html()方法：设置元素的纯文本

但html这种方法，只能当成便利贴用，不能大量使用，容易乱。或者当遇到特殊的业务需求的时候可以使用；

5.示例5：html()方法：获取元素的纯文本

6.对比：text()方法：获取元素的纯文本

平时，尽量使用text()方法，，只有当当前元素的文本内容需要动态的改变，并且中间涉及到样式改变，需要用到标签时，才用html()方法；

原文链接：https://blog.csdn.net/csucsgoat/article/details/112800801

JQuery获取form表单数据

form表单内所有元素追加name属性值

<form class="form-horizontal m" id="feedback"><input id="type" name="type" type="text" value="test1"><input id="ruleId" name="ruleId" type="text" value="test2"><input id="usercode" name="usercode" type="text" value="test3"><input id="username" name="username" type="text" value="test4"><input id="bah" name="bah" type="text" value="test5">
</form>

获取表单数据的方式一：

let json = $('#feedback').serialize();
console.log('json : ',json); // 输出：type=test1&ruleId=test2

获取表单数据的方式二：

let data = {};
var value = $('#feedback').serializeArray();
$.each(value, function (index, item) {data[item.name] = item.value;});
let json = JSON.stringify(data);
console.log('json : ',json);
/*
* 输出：{"type":"test1","ruleId":"test2"}
*/

原文地址:https://blog.csdn.net/m0_55628494/article/details/127527471文章来源地址https://www.toymoban.com/news/detail-696662.html

到了这里，关于jQuery获取表单的值val()的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！