我有一个选择列表，它应该有一些表格

Question

我有样的网站发送数据：（一组的形式）

   <select id="group_dropdown" name="selectinput"> 
       <option value=0>all</option> 
       <option value=1>1 option</option> 
       <option value=2>2 option</option> 
       </select>    


     <form method="post" class="form-inline" id="form11"> 
      <input type="text" name="1forminput" placeholder="0"></label> 
     <button type="submit" class="btn btn-success ml40" >save</button> 
     </form> 

     <form method="post" class="form-inline" id="form22"> 
      <input type="text" name="forminput" placeholder="0"></label> 
     <button type="submit" class="btn btn-success ml40" >save</button> 
     </form> 

我想从这个选择发送数据（这是“互惠”对于这两种形式）当这些表单中的任何一个被发送（就像一个额外的字段与发送表单）。 这是一个简单的解决方案吗？

Answer 1

添加隐藏的输入，并具有有效的标记与起始标志标签等

<select id="group_dropdown" name="selectinput"> 
    <option value="0">all</option> 
    <option value="1">1 option</option> 
    <option value="2">2 option</option> 
</select> 

<form method="post" class="form-inline" id="form11"> 
    <label> 
     <input type="text" name="1forminput" placeholder="0" /> 
     <input type="hidden" name="select_value" /> 
    </label> 
    <button type="submit" class="btn btn-success ml40">save</button> 
</form> 

<form method="post" class="form-inline" id="form22"> 
    <label> 
     <input type="text" name="forminput" placeholder="0" /> 
     <input type="hidden" name="select_value" /> 
    </label> 
    <button type="submit" class="btn btn-success ml40">save</button> 
</form> 

然后填写隐藏的输入当选择的值发生变化时：

$('#group_dropdown').on('change', function() { 
    $('[name="select_value"]').val(this.value); 
}).trigger('change'); 

而且select的值将会是b e在提交时以两种形式发送，并且如下访问：

$_POST['select_value']; 

Answer 2

你可以序列化的形式，这样后面添加一个新的参数：

$('#form11').submit(function(){ 
    $.ajax({ 
     type : 'POST', 
     url : 'url', 
     data : $('#form11').serialize() + "&select="+$('#group_dropdown').val() 
    }).done(function(data) { 
     //callback 
    }); 
    return false; 
    });