1. 程式人生 > >jquery-讀取form表單中的所有資料列表

jquery-讀取form表單中的所有資料列表

$(function() {
  $('#submit').click(function() {
    var d = {};
    var t = $('form').serializeArray();
    //t的值為[{name: "a1", value: "xx"},
    //{name: "a2", value: "xx"}...]
    $.each(t, function() {
      d[this.name] = this.value;
    });
    alert(JSON.stringify(d));
  });
});
</script>
<form>
<input id="a1"
type="input" value="" name="a1"><br> <input id="a2" type="input" value="" name="a2"><br> <input id="a3" type="input" value="" name="a3"><br> <select id="ax" name="ax"> <option value="0">選項1</option> <option value="1">選項2</option> </select
><br> <input id="submit" type="button" value="提交" name="submit"> </form>