Jquery 参数自动拼接

原创 2013年12月06日 10:04:11
	function getParams(elem){
		var params={};
		$(elem).find("*").each(function(){
			if($(this).attr("name")){
				var key=$(this).attr("name");
				var value="";
				if($(this).val()){
					value=$(this).val();
				}else{
					value=$(this).text()
				}
				if(value!=""){
					params[key]=value;
				}
			}
		});
		return params;
	}


传入父容器的选取对象,然后会自动拼接带有name属性的元素的值。

如果value为真,就取value,否则就取text


来一段实际应用效果:

html代码:

<div id="gathering" style="display: none;" title="添加收款">
		<div style="margin: 10px;" id="divForm">
			<div style="margin-bottom: 2px;">
				<label>收款类型:</label>
				<select name="type" style="border: #CCC 1px solid;width: 153px;padding: 2px;margin-left: -5px;">
					<option value="1">收款</option>
					<option value="2">发货</option>
					<option value="3">欠款</option>
					<option value="4">其他</option>
				</select>
			</div>
			<div>
				<label>应    收:</label><input type="text" name="money" id="money" class="easyui-numberbox" precision="2"/>
			</div>
			<div>
				<label>实    收:</label><input type="text" name="receipt" id="receipt" class="easyui-numberbox" precision="2"/>
			</div>
			<div>
				<label>备    注:</label><input type="text" name="remark" id="remark"/>
			</div>
		</div>
	</div>
js代码:

var params=getParams("#divForm");
					$.post("你请求的URL",params,function(d){
						alert(d);
					});


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

利用jQuery动态修改URL地址参数和参数值

参数说明: url:地址;arg:要变更的参数名;arg_val:要变更的参数值 代码: function changeURLArg(url,arg,arg_val){        var...
  • dxy_fly
  • dxy_fly
  • 2017年04月20日 11:35
  • 2913

jquery中字段拼接

实现动态在页面中添加数值, var memberName = el.mbName || ""; var linkman = "link_man" + (i + 1); ...

Jquery,js 改进拼html的方式

一般我们要使用jquery动态生成html,都是通过js拼好需要的html代码,然后在加到容器中       但是有时需要拼的代码块会有点复杂,比如包含下拉列表框选择等,这个时候我们可以考虑使用   ...

Bootstrap,解决checkbox的全选和反选失败的问题

参考文章:https://my.oschina.net/deepSprings/blog/389068?p=1 用bootstrap库,当checkbox的全选和反选时,失败。按浏览器f12...

如何进行ibatis动态多条件组合查询以及模糊查询

这几天在学习使用IBATIS突然要使用模糊查询,以及动态多个条件查询,按照自己的想法试了很久,都没解决这个问题. 首先是模糊查询的问题,开始时我使用如下条件:select * from user w...
  • kim
  • kim
  • 2013年02月08日 10:16
  • 2781

jQuery.Autocomplete实现自动完成参数详解

1、jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http...

智能搜索jquery-autocomplete 自动填充插件使用方法及参数使用说明

一、当你的输入框个数固定不变时,用以下实例 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/...
  • lybwwp
  • lybwwp
  • 2012年08月22日 19:44
  • 6698

jquery autocomplete自动补全 jsp调用后台Java程序,如何把el表达式做为参数传递_读书人

jquery autocomplete自动补全 简单用法: ? 1 2 3 4 5 6 7 8 9 $(function(){ var data = "the People's...

jQuery中电话参数

  • 2012年01月01日 19:57
  • 2KB
  • 下载

jquery jqgrid 参数详

  • 2013年05月29日 10:55
  • 612KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery 参数自动拼接
举报原因:
原因补充:

(最多只允许输入30个字)