javascript - 来自不同表单的输入值

Question

我的页面上有两个表单...

<form method="post" action="">
    <input type="text" name="name" id="name"/>
    <input type="submit" name="form1_submit_pushed"/>
</form>

<form method="post" action="">
    <input type="submit" name="form2_submit_pushed/>
</form>

在我的 php 端，当我按下第二个表单的提交按钮时，我希望能够知道文本输入“name”的值。有点像....

if(isset($_POST['form2_submit_pushed']))
{
    echo $_POST['name']; //or something else?
}

背后的原因是第一个表单有一堆我不想在第二个表单提交中的数据。

Answer 1

你可以这样做......这段代码使用 jQuery:

<form id="form1" method="post" action="">
    <input type="text" name="name" id="name"/>
    <input type="submit" name="form1_submit_pushed"/>
    <input type="hidden" name="form2_submit_pushed" id="form2_submit_pushed">
</form>

<form id="form2" method="post" action="">
    <input type="submit" name="form2_submit_pushed"/>
</form>

<script>

$('#form2').submit(function(event) {
    //prevent form2 from submitting and submit form1 instead...

    event.preventDefault();

    //before submitting, indicate that the "form2_submit_pushed" button was pushed
    $('#form2_submit_pushed').val(true);
    //submit form1
    $('#form1').submit();
});

</script>

...但是我不知道您为什么想要。为什么不使所有控件成为同一窗体的一部分？ HTML 旨在将信息从一种形式(一次)发送到服务器...

更新:抱歉，我没有注意到您解释想要这样做的原因的那一行。如果您想更明确地控制发送到服务器的内容，我建议您使用 AJAX 提交表单。看https://api.jquery.com/serializeArray/和 https://api.jquery.com/jQuery.ajax/