jQuery 利用获取表单的值

如何利用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  class="form-horizontal span12" role="form">
  <fieldset>
    <legend>设置</legend>
    <div class="message"></div>
    <br>
    <div class="row">

      <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中写入的数据。