对于list 有两个及以上的相同div 里面布局如:
<div>
<ul class="inline">
<li>
<label>姓名:</label>
<input type="text" id="zname" class="zname">
</li>
</ul>
</div>
var psrz = [];
$("#ruzhuCustomerList div").each(function (i, n) {
psrz.push({
cName: $(this).find(document.getElementById(".zname")).val(),
cPhone: $(this).find(document.getElementById("zphone")).val(),
cCertificatetype: $(this).find(document.getElementById("certificatetype")).val(),
cCertificatenumber: $(this).find(document.getElementById("certificatenumber")).val(),
cBirthday: $(this).find(document.getElementById("zbirthday")).val(),
cSex: $(this).find(document.getElementById("rzsex")).val(),
cNativeplace: $(this).find(document.getElementById("nativeplace")).val(),
cAddress: $(this).find(document.getElementById("zaddress")).val()
});
});
return psrz;
当你如上这样传递参数时,发现无论list的长度是多少, 你后台获取的数据只有一个对象,其他显示{},{} 空 ,那么怎么解决这个问题呢?
如上:<input type="text" id="zname" class="zname">
我在input标签中加上了一个class 属性 并规范命名
psrz.push({
cName: $(this).find(".zname").val(),
cPhone: $(this).find(".zphone").val(),
cCertificatetype: $(this).find(".certificatetype").val(),
cCertificatenumber: $(this).find(".certificatenumber").val(),
cBirthday: $(this).find(".zbirthday").val(),
cSex: $(this).find(".rzsex").val(),
cNativeplace: $(this).find(".nativeplace").val(),
cAddress: $(this).find(".zaddress").val()
});
再次传递参数,这次就能获取到多个对象 你是否也遇到过这样的问题呢