jQuery serializeArray中断然后继续

时间:2018-12-17 22:13:48

标签: javascript jquery serializearray

我真的是在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">

0 个答案:

没有答案