Question

jquery怎么获取表单所有数据

比如
<form>
<input name="username" type="text"/>

<select name="area">
<option value="1">北京</option>

<option value="2">上海</option>

...

</select>

<button type="submit" id="btn">提交</button>

</form>
当点击button时，我想利用jquery获取上面表单里的所有内容应该怎么写啊

Answer 1

　　获取值：
　　文本框，文本区域：$("#txt").attr("value")；
　　多选框checkbox：$("#checkbox_id").attr("value")；
　　单选组radio： $("input[@type=radio][@checked]").val();
　　下拉框select： $('#sel').val();

　　控制表单元素：
　　文本框，文本区域：$("#txt").attr("value",'');//清空内容
　　$("#txt").attr("value",'11');//填充内容

　　多选框checkbox： $("#chk1").attr("checked",'');//不打勾
　　$("#chk2").attr("checked",true);//打勾
　　if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

　　单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
　　下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
　　$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
　　$("#sel").empty()；//清空下拉框.

Answer 2

$("button").click(function(){
  alert($(this).serialize());
});
//或者
$('form').submit(function() {
  alert($(this).serialize());
  return false;
});

 serialize() 方法通过序列化表单值，创建 URL 编码文本字符串

Answer 3

var datas = Object.create(Object.prototype);;
var rows = $('#FormID').serializeArray();
for (i = 0; i < rows.length; i++) {
datas[rows[i].name] = rows[i].value;
};
这样子就获取表单的数据对象data
换一个写法
$(function () {
$('#submit').click(function () {
var d = {};
var t = $('form').serializeArray();

$.each(t, function () {

d[this.name] = this.value;

});

alert(JSON.stringify(d));
});
});