如何利用jQuery获取表单的值
- 其中表单生成效果如下:
设置
<div class="col-md-7">
<div class="form-group has-feedback">
<label class="col-sm-2 control-label">通讯口</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="line"
name="line" value="<%= line %>"
placeholder="Line"/>
<span class="help-block hidden"></span>
</div>
</div>
</div>
- 生成表单代码如下:
其中'value=<%= line %>'方法是使用的Backbone的加载模板的方法。
<!--table-->
<form role="form">
<fieldset>
<legend>设置</legend>
<div ></div>
<br>
<div >
<div class="col-md-7">
<div class="form-group has-feedback">
<label class="col-sm-2 control-label">通讯口</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="line"
name="line" value="<%= line %>"
placeholder="Line"/>
<span class="help-block hidden"></span>
</div>
</div>
</div>
</div>
</fieldset>
</form>
- 获取表单中的值
getFormDatas: function() {
var x = $('form').serializeArray();
var data = {};
$.each(x, function(i,field) {
data[field.name] = field.value;
});
return data;
},
上述函数使用了jQuery的serializeArry方法,通过$.each()方法将表单中的值存储到data中,返回的data所存储的就是表单input中写入的数据。