我真的是在jQuery中使用serializeArray的新手,所以如果我没有问正确的问题,请原谅我。
我有一个表单,可以单击将数据添加到div ID内的字段中,效果很好,每次单击都会保持添加数据的效果,这很好,但是是否可以拆分每个表单的结果?例如,您键入名称和电话号码,单击添加,然后在div ID中#results它添加数据,然后我想在下次添加数据时,将其添加到相同的div ID中,但用一个框分隔< / p>
$("#saveAndAdd").click(function(){
addTrip();
var x = $(".cool-test").serializeArray();
$.each(x, function(i, field){
$("#results").append(field.value + " " );
});
});
function addTrip() {
var providerName = $("#providerName").val();
var providerPhone = $("#providerPhone").val();
$("#providerTypeValue").html(providerType);
$("#providerNameValue").html(providerName);
$("#providerPhoneValue").html(providerPhone);
<label class="uikit-text-input__label" for="Input field">Name</label>
<input class="uikit-text-input input-half" name="Input field" id="providerName" type="text" value="" aria-required="true">
<label class="uikit-text-input__label" for="Input field">Phone</label>
<input class="uikit-text-input input-half" name="Input field" id="providerPhone" type="text" value="" aria-required="true">