Question

我正在尝试将我的模式标题提交为帖子数据，但是没有发送。我给元素一个名称属性。正如我期望的那样，模态主体中的要素正在提交。尝试在下面提交名称为“ editModalTitle”的元素

HTML：

 <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <form action="/editItem" method="post" id ="editModalForm">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" name="eModalTitle"></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
         <div class="form-group">
              <label>Quantity:</label>
              <div class="row">
                  <div class="col">
                      <select class="form-control" id="qtSelect">
                        <option>Set to</option>
                        <option>Add</option>
                        <option>Subtract</option>
                      </select>
                  </div>
                  <div class="col" id= "qtD">
                      <input type="text" class="form-control" id="qt" name="quantityTB" placeholder="Quantity">
                  </div>
              </div>
          </div>
        <div class="form-group" id="prD">
          <label>Price:</label>
          <input type="text" class="form-control" id="pr" name="priceTB" placeholder="Enter new price here...">
        </div>
        <div class="form-group">
              <label>Notes:</label>
              <div class="row">
                  <div class="col">
                      <select class="form-control" id="ntSelect">
                        <option>Set notes to:</option>
                        <option>Add to notes:</option>
                      </select>
                  </div>
                  <div class="col">
                      <input type="text" class="form-control" id="ntInput" name="notesTB"placeholder="Enter notes here...">
                  </div>
              </div>
          </div>
          <div class="form-group">
          <label>Location:</label>
          <input type="text" class="form-control" id="loc" name="locationTB" placeholder="Enter new location here...">
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="submit" id="eSvBtn" class="btn btn-primary">Save changes</button>
      </div>
    </form>
    </div>
  </div>
</div>
</div>

Form data here

编辑1：为模式添加了完整的html。

Answer 1

<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModal" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form action="/editItem" method="post" id ="editModalForm">

            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" name="eModalTitle"></h5>
                        <!-- hidden value for modal title to post -->
                        <input type="hidden" id="Modal_title_to_post" name="Modal_title_to_post" value="eModalTitle">
                        <!-- hidden value for modal title to post -->
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">
                    <div class="form-group">
                        <label>Quantity:</label>
                        <div class="row">
                            <div class="col">
                                <select class="form-control" id="qtSelect">
                                    <option>Set to</option>
                                    <option>Add</option>
                                    <option>Subtract</option>
                                </select>
                            </div>
                            <div class="col" id= "qtD">
                                <input type="text" class="form-control" id="qt" name="quantityTB" placeholder="Quantity">
                            </div>
                        </div>
                    </div>

                    <div class="form-group" id="prD">
                        <label>Price:</label>
                        <input type="text" class="form-control" id="pr" name="priceTB" placeholder="Enter new price here...">
                    </div>

                    <div class="form-group">
                        <label>Notes:</label>
                        <div class="row">
                            <div class="col">
                                <select class="form-control" id="ntSelect">
                                <option>Set notes to:</option>
                                <option>Add to notes:</option>
                                </select>
                            </div>
                            <div class="col">
                                <input type="text" class="form-control" id="ntInput" name="notesTB"placeholder="Enter notes here...">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label>Location:</label>
                        <input type="text" class="form-control" id="loc" name="locationTB" placeholder="Enter new location here...">
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                    <button type="submit" id="eSvBtn" class="btn btn-primary">Save changes</button>
                </div>
            </div>

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

更新的代码具有模式标题的隐藏值：）

名称未通过POST与表单数据一起发送的元素

1 个答案: