У меня есть один список выбора, который должен передавать данные с несколькими формами

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'); 

И значение выбора будет 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; 
    });