在jquery中提交表单时,使用append在我的表单中动态地输入表单字段但不获取值(URL中的名称)

时间:2016-08-23 12:25:33

标签: javascript dynamic input append

我正在尝试在复选框的div pod "YOUR_POD" 中插入输入字段。并且它正在工作但是当我提交表单时,我没有收到该输入框的值

复选框

onclick

JQuery代码

<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>

当我提交表单时,网址就像这样

  

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&pro_quantity=5446&galary%5B%5D=

它没有通过<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> ...

请帮忙

1 个答案:

答案 0 :(得分:0)

经过多次搜索,我得到了答案。因为我正在使用表格标签,它现在正在发送数据。所以删除表标签,它将工作