今天突然想到这么一个功能,觉得还是很重要的,直接代码,简单易懂
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn").click(function(){
var params=$("#form1").serializeArray();
var json={};
for(var tem in params){
json[params[tem].name]=params[tem].value;
}
alert(json);
});
});
</script>
<div class="top">
<form action="" id="form1">
用户名:<input type="text" id="userName" name="userName" /><br/>
密码:<input type="text" id="password" name="password" /><br/>
城市:<select id="city" name="city">
<option value="wuhan">武汉</option>
<option value="shanghai">上海</option>
</select>
<input type="submit" class="btn" value="提交" />
</form>
</div>
serializeArray() 不在<form>标签内的表单控件不会被提交、没有name属性的表单控件不会被提交、带有disabled属性的表单控件不会被提交、没有被选中的表单控件不会被提交。