1. 程式人生 > >Jquery 引數自動拼接

Jquery 引數自動拼接

	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);
					});