在jquery中提交表單時，使用append在我的表單中動態放置表單字段，但不獲取值（URL中的名稱）

Question

我正在嘗試在復選框的div onclick中插入輸入字段。 它正在工作，但是當我提交表單時，該輸入框的值沒有收到

復選框

<form action="{{ url('product_uplo') }}" method="get" enctype="multipart/form-data" accept-charset="utf-8">
    <tr>
            <table class="table">
                        <tr>
                          <td>
                            <label><input type="checkbox" id="ELarge" name="pro_size[]" onclick="a('ELarge')" value="ELarge"> Extra Large</label>
                          </td>
                          <td>
                            <label><input type="checkbox" id="Large" name="pro_size[]" onclick="a('Large')" value="Large"> Large</label>
                          </td>
                          <td>
                            <label><input type="checkbox" id="Medium" name="pro_size[]" onclick="a('Medium')" value="Medium"> Medium</label>
                          </td>
                          <td>
                            <label><input type="checkbox" id="Small" name="pro_size[]" onclick="a('Small')" value="Small"> Small</label>
                          </td>
                          <td>
                            <label><input type="checkbox" id="ESmall" name="pro_size[]" onclick="a('ESmall')" value="ESmall"> Extra Small</label>
                          </td>
                        </tr>
                      </table>
    </tr>
                  <tr>
                    <td>Price</td>
                    <td>
                      <div id="set"></div>
                    </td>
                  </tr>
      <tr>
        <td colspan="2">
          <input type="submit" class="form-control btn btn-primary">
        </td>
      </tr>
</form>

jQuery代碼

<script type="text/javascript">
  function a(extra){
    if($('#'+extra+'').is(":checked")){
      $('#set').append("<div id="+"price"+extra+"><label>"+extra+"</label><input type='text' name='pro_price["+extra+"]' class='form-control' placeholder="+extra+" /></div>"); 
    }else{
      $('#price'+extra).remove();
    }
  }
</script>

當我提交表格時，網址是這樣的

http://www.asggas.com/product_uplo?dat=pro_type=Girls+Cloth&pro_name=asadsfd&brand=sadf&Material=sadf&pro_color=sdf&pro_des=sadf&pro_size%5B%5D=ELarge&pro_size%5B%5D=Large&pro446

它沒有通過pro_price[Elarge] ...

請幫忙

Answer 1

搜索了很多之后，我得到了答案。 因為我正在使用表標簽，所以現在正在發送數據。 因此刪除表格標簽即可使用