将Checkbox值与表单中的Selection Option值组合在一起

时间:2016-12-06 21:06:36

标签: javascript php jquery ajax checkbox

我有一个包含复选框和选择选项列表的表单。它基本上是一个订单。当客户点击复选框时,我想要选择选项的值以及要与表单一起发送的复选框值。

我真的不懂AJAX。我正在使用我发现的脚本将所有数据都获取到php文件中。我需要添加到jquery以使所有选中项的选项和复选框值合并为一个变量?

<table>
     <tr>
         <td>
           <select class="qty" name="qty" id="qty">
             <option value="1">1</option>
           </select>
        </td>
    </tr>
    <tr>
        <td>       
        <input id="Part1_1" name="Part[]" type="checkbox" value="Part 1">
        </td>
    </tr>
    <tr>
         <td>
           <select class="qty" name="qty" id="qty1">
             <option value="1">1</option>
             <option value="2">2</option>
           </select>
        </td>
    </tr>
    <tr>
        <td>       
        <input id="Part1_2" name="Part[]" type="checkbox" value="Part 2">
        </td>
    </tr>
</table>

<script>
    $(document).ready(function(){
    $("#contact-form").on("submit",function(e){
      e.preventDefault(); 
          var sendData = $( this ).serialize();
          $.ajax({
              type: "POST",
              url: "orderform.php",
              data: sendData,
              success: function(data){
                  $(".response_msg").text(data);
                  $(".response_msg").slideDown();                     
              }           
          });

    });
    });
    </script>

编辑: 我想将每个部分的变量传递给php。因此,如果选中第1部分,则复选框的值和数量的值将组合在一起。

2 个答案:

答案 0 :(得分:0)

您可以使用FormData对象,该对象允许您附加ComboBox和Select列表的值,并将其发送到ajax请求中。

选中此FormData

答案 1 :(得分:0)

您需要以这种方式添加curl -X POST -F "shape=$(cat myfile.geojson)" \ -F 'age=69' -o reconstructed_myfile.geojson \ https://dev.macrostrat.org/reconstruct 值。您还应该在服务器上的方法中添加新参数。在示例中,我将其命名为select

select_param