jquery获取form表单中的数据

Posted web-record

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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">

 

以上是关于jquery获取form表单中的数据的主要内容,如果未能解决你的问题,请参考以下文章

javascript获取html表单中的值?

使用JQuery的ajax提交表单能否使用一个变量来获取form的id

JavaScript中的form元素获取问题

在jQuery中直接提交表单后怎么获取返回值

用js代码清空表单数据

Jquery 获取form表单数据