Javascript 过帐字段数组w

Javascript 过帐字段数组w,javascript,jquery,ajax,twitter-bootstrap,Javascript,Jquery,Ajax,Twitter Bootstrap,我在引导程序3上有动态字段。表单有三个部分,分别显示在选项卡中 表单标签在模式中被自动删除,因此我的字段已被删除。我可以使用jquery属性选择器$(“input[name='invoice-date']”)发布其余的值。然而,我的困境在于: <div class="tab-pane" id="tab_2"> <div class="row"> <br/>

我在引导程序3上有动态字段。表单有三个部分,分别显示在选项卡中

表单标签在模式中被自动删除,因此我的字段已被删除。我可以使用jquery属性选择器$(“input[name='invoice-date']”)发布其余的值。然而,我的困境在于:

 <div class="tab-pane" id="tab_2">
                <div class="row">
                  <br/>
                  <div class="form-group">
                    <div class="col-lg-2">
                      <label>#</label>
                    </div>
                    <div class="col-lg-7">
                      <label>Description</label>
                    </div>
                    <div class="col-lg-3">
                      <label>Amount</label>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-lg-2">
                      <label>Item 1.</label>
                    </div>
                    <div class="col-lg-7">
                      <input type="text" class="form-control" name="items[1][description]" />
                    </div>
                    <div class="col-lg-3">
                      <input type="text" class="form-control" name="items[1][amount]" />
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-lg-2">
                      <label>Item 2.</label>
                    </div>
                    <div class="col-lg-7">
                      <input type="text" class="form-control" name="items[2][description]" />
                    </div>
                    <div class="col-lg-3">
                      <input type="text" class="form-control" name="items[2][amount]" />
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-lg-2">
                      <label>Item 3.</label>
                    </div>
                    <div class="col-lg-7">
                      <input type="text" class="form-control" name="items[3][description]" />
                    </div>
                    <div class="col-lg-3">
                      <input type="text" class="form-control" name="items[3][amount]" />
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-lg-2">
                      <label>Item 4.</label>
                    </div>
                    <div class="col-lg-7">
                      <input type="text" class="form-control" name="items[4][description]" />
                    </div>
                    <div class="col-lg-3">
                      <input type="text" class="form-control" name="items[4][amount]" />
                    </div>
                  </div>
            </div>
       </div>

为什么不重复发票中的项目?
首先为项目指定一个不同的类名(.invoice item)。
然后对这些项进行itrate,并将它们放入一个数组中,然后可以将该数组作为参数传递给ajax调用

var invoice_items = [];
$(".invoice-item").each(function(){
  invoice_items.push({name: $(this).val(),
  description: $(this).parent().prev().children().val()});
});

正如您所见,遍历可以以一种更简单的方式完成,但这只是为了让点得到理解。

谢谢,我想有一个我不熟悉的选择器,可以帮助选择而无需迭代
var invoice_items = [];
$(".invoice-item").each(function(){
  invoice_items.push({name: $(this).val(),
  description: $(this).parent().prev().children().val()});
});