Question

我在表单中添加多个子作者时遇到问题，我有一个表单可以添加一个子作者。如果我只提交一个子作者但是如果多个子作者代码不起作用，则代码有效。这是FormAddBook中我的文本框的代码。

<input type="text" class="form-control" placeholder="Sub Authors" name="SubAuthors[]"  maxlength="50" />

当您想添加另一个子作者时，如果单击“添加子作者”并使用相同名称的文本框，则会出现文本框。

代码仅在一个子作者时起作用，但如果多个子作者的代码不起作用。这是我的jquery的代码。

$.ajax({ 
      type: 'POST', 
      url: 'proc/exec/exec-insert-book.php',
      data: $('#FormAddBook').serialize(), 
});

Serialize无法识别另一个文本框吗？抱歉我的英语不好。
这是HTML表单代码。

  <form id="FormAddBook">
  <div class="modal-body">
    <div class="row">

        <div class="col-lg-6 hide" >
            <label>Accession No:</label>
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Accession No" name="AccessionNo" readonly/>
            </div>
        </div>

        <div class="col-lg-12">
            <div class="form-group">
                <label>ISBN:</label>
                <input type="text" class="form-control" placeholder="ISBN" name="BookISBN"  maxlength="20" />
            </div>
        </div>

        <div class="col-lg-6">
            <div class="form-group">
                <label>Date Book Added:</label>
                <div  id="DateBookAdded" class="input-group">
                  <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                  <input type="text" class="form-control" placeholder="Date Book Added" name="DateBookAdded" readonly/>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="form-group">
                <label>Archived Date Extension:</label>
                <div  id="BookAuthLast" class="input-group">
                  <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                  <input type="text" class="form-control" placeholder="" name="ArchivedDateExt" readonly/>
                </div>
            </div>
        </div>


        <div id="subauthcont">
        <div class="subAuthors col-lg-12">
            <div class="form-group">
                <label>Sub authors:</label>
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Sub Authors" name="SubAuthors[]"  maxlength="50" />
                    <span class="input-group-btn" disabled>
                        <button id="btnAddSubAuth" class="btn btn-info" type="button" ><i class="fa fa-user" aria-hidden="true"></i></button>
                    </span>
                </div> 
            </div>
        </div>
        </div>

        <div class="col-lg-8">
            <div class="form-group">
                <label>Subject:</label>
                <select class="form-control" name="Description">
                    <option>Generalities</option>
                    <option>Philosophy and Psychology</option>
                    <option>Religion</option>
                    <option>Social Science</option>
                    <option>Languages</option>
                    <option>Science</option>
                    <option>Technology</option>
                    <option>Arts and Recreation</option>
                    <option>Literature</option>
                    <option>Geography and History</option>
                </select>
            </div>
        </div>

        <div class="col-lg-4">
            <div class="form-group">
                <label>Status:</label>
                <select class="form-control" name="Status" readonly>
                    <option>Available</option>
                </select>
            </div>
        </div>
    </div>
  </div> 
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button id="btnSave2" type="submit" class="btn btn-primary asd">Save</button>

  </div>
  </form>
</div>

在AJax中序列化数据

0 个答案: