0

我对在 jQuery 中使用 serializeArray 真的很陌生,所以如果我没有问正确的问题,请原谅我。

我有一个表单,单击时将数据添加到 div ID 中的字段,效果很好,每次单击时它都会不断添加数据,这很棒,但是是否可以拆分每个表单的结果?例如,您输入姓名和电话号码,单击添加,然后在 div ID #results 中添加数据,然后我希望下次添加数据时,将其添加到相同的 div ID,但由一个框分隔

$("#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">
4

0 回答 0