jqueryajax发布表单到多个其他表单

jqueryajax发布表单到多个其他表单,jquery,ajax,post,submit,multiple-forms,Jquery,Ajax,Post,Submit,Multiple Forms,我有多种类似的表格: <form class="form_game"> <select name="game" class="gm"> <option value="Badminton">Badminton</option> <option value="Basketball">Basketball</option> <option value="Football">Football</option>

我有多种类似的表格:

<form class="form_game">
<select name="game" class="gm">
<option value="Badminton">Badminton</option>
<option value="Basketball">Basketball</option>
<option value="Football">Football</option>
</select>
</form>

<form class="form_branch">
<input name="action" type="hidden" value="the_ajax_hook_2" />
<select name="branch" id="branch" onchange="display_table();" >
<option value="CSE">CSE</option>
<option value="CE">CE</option>
<option value="ECE">ECE</option>
<option value="EE">EE</option>
<option value="IT">IT</option>
<option value="ME">ME</option>
<option value="PE">PE</option>
<option value="PG">PG</option>
</select>
</form>
<form class="form_year">
<input name="action" type="hidden" value="the_ajax_hook_3" />
<select name="year" id="year" onchange="display_table_1();" >
<option value="D1">D1</option>
<option value="D2">D2</option>
<option value="D3">D3</option>
<option value="D4">D4</option>
</select>
</form>

如您所见,我的display_table()从“form_branch”获取值,display_table_1()从“form_year”获取值。它们对应于jquerys中定义的各自的其他函数

我如何将第一个表单(即“form_game”)中的值传递给其他两个表单,以便其他表单在提交时将“form_game”中的值及其各自的值发布到其目标功能?要做到这一点,必须做些什么?

您可以使用ajax事件

可能是这样的(代码未测试)

或者,反过来说:

jQuery.post(the_ajax_script.ajaxurl, jQuery(".form_year").serialize(),function(response_from_display_data_table_1){
        jQuery(".table_disp").html(response_from_display_data_table_1);
    }).beforeSend(display_table());

实际上,我希望当用户从“form_game”中选择选项时,此表单中的值和他从“form_branch”中选择的值都将发布到显示数据表中,即onchange=“display_table();”被触发。然后,您可以像我的答案一样进行操作,但相反!对不起,你能在这里写代码吗。我只是个初学者。
function display_table_1(){

jQuery.post(the_ajax_script.ajaxurl, jQuery(".form_year").serialize(),function(response_from_display_data_table_1){
            jQuery(".table_disp").html(response_from_display_data_table_1);
        });
}
jQuery.post(the_ajax_script.ajaxurl,   jQuery(".form_branch").serialize(),function(response_from_display_data_table){
        jQuery(".table_disp").html(response_from_display_data_table);
    }).beforeSend(display_table_1());
jQuery.post(the_ajax_script.ajaxurl, jQuery(".form_year").serialize(),function(response_from_display_data_table_1){
        jQuery(".table_disp").html(response_from_display_data_table_1);
    }).beforeSend(display_table());