convert object to Json

by Joe

HTML

<div class="form-group col-4" style="margin-bottom: 20px;">
  <label class="col-sm-12 control-label p-sm-0 input-group" for="acctcode">Cash Account :</label>
  <select class="form-control selectsch_items status" name="acctname" id="cashAc" required>
    <option value="">Choose an items</option>
    <option value="acc1">Account 1</option>
    <option value="acc2">Account 2</option>
    <option value="acc3">Account 3</option>
  </select>
</div>

JavaScript

(function($) {
  $.fn.serializeFormJSON = function() {

    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
      if (o[this.name]) {
        if (!o[this.name].push) {
          o[this.name] = [o[this.name]];
        }
        o[this.name].push(this.value || '');
      } else {
        o[this.name] = this.value || '';
      }
    });
    return o;
  };
})(jQuery);

$('form').submit(function(e) {
  e.preventDefault();
  var data = {
    "cashpayments": [{
      "name": $('#name').val(),
      "email": $('#email').val(),
      "password": $('#password').val()
    }]
  };
  console.log(data);

  /* Object
      email: "value"
      name: "value"
      password: "value"
   */
});