将input、select、textarea中的值封装成json对象

最新推荐文章于 2023-08-08 11:23:07 发布

ghw2906

最新推荐文章于 2023-08-08 11:23:07 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： input select textarea 封装成json ajax

本文链接：https://blog.youkuaiyun.com/ghw2906/article/details/82698526

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种将网页中input、select和textarea等表单元素的name属性作为JSON对象的key，元素值作为对应的value的方法，实现了将表单数据转换为JSON格式，便于通过AJAX进行数据传输。

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

将input、select、textarea的name作为json的key，输入框中的值作为json的值，封装成json对象，以作为ajax请求传送的参数。

function serialzerbale() {
	var $div_input_query = $("div[class='content'] input");
	var $div_select_query = $("div[class='content'] select");
	var $div_textarea_query = $("div[class='content'] textarea");
	var condition = new Object();
	$div_input_query.each(function() {
		var name = $(this).attr('name');
		if(name){
			var value = $(this).val().trim();
			condition[name] = value;
		}
	});
	$div_select_query.each(function() {
		var name = $(this).attr('name');
		if(name){
			var value = $(this).val().trim();
			condition[name] = value;
		}
	});
	$div_textarea_query.each(function() {
		var name = $(this).attr('name');
		if(name){
			var value = $(this).val().trim();
			condition[name] = value;
		}
	});
	return condition;
}