首页 前端知识 jQuery获取表单的值val()

jQuery获取表单的值val()

2024-06-08 09:06:49 前端知识 前端哥 776 968 我要收藏

(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.qianduange.cn//article/11417.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!