Javascript HTML两个表单和两个提交在同一页上

Javascript HTML两个表单和两个提交在同一页上,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我使用的是两个HTML表单,我想向另一个表单显示一个表单的数据。任何人都可以指导我这是如何实现的???试试这个,检查提交了哪个按钮 <form id = "msform" action = "" method = "POST"> <input type = "text" name = "name" /> <input type = "submit" name = "submit1" value "Submit" /> </form> <for

我使用的是两个HTML表单,我想向另一个表单显示一个表单的数据。任何人都可以指导我这是如何实现的???

试试这个,检查提交了哪个按钮

<form id = "msform" action = "" method = "POST">
<input type = "text" name = "name" />
<input type = "submit" name = "submit1" value "Submit" />
</form>
<form id = "msform" action = "" method = "POST">
<b>Name:</b> <?php echo $_POST['name']; ?> 
<input type = "submit" name = "submit2" value "Launch" />
</form>

对我来说很好。但是按钮是一种提交类型,而不是一种输入类型。不要直接接触全局变量,比如$\u POST和$\u GET,使用filter\u输入。另一件事是,一个id只能使用一次,您对两个表单都使用了相同的id

if ($_SERVER["REQUEST_METHOD"] == "POST") 
{
    if ($_POST['submit1'] == 'Submit') {
      // Submit button 
    }
    else 
    {
      // Launch button 
    }
}

我认为您在一个html页面中使用了两个from,希望在单击按钮时将一个表单的字段值显示给另一个表单。在这种情况下,最好使用js/jquery。使用js/jquery,您可以轻松地获取一个字段值并将其放入另一个字段中

<form id="msform1" action="" method="POST">
    <div>
        <input type="text" name="name" />
    </div>
    <button type="submit" name="submit1">
        Submit
    </button>
</form>

<form id="msform2" action="" method="POST">
    <div>
        <b>Name:</b> <?php echo filter_input(INPUT_POST, 'name'); ?> 
    </div>
    <div>
        <button type="submit" name="submit2">
            Launch
        </button>
    </div>
</form>

我是这样做的,但是第二个表单没有显示在提交按钮上单击我认为它的jquery动画问题

首先,您应该更改您的id,因为这两个表单的id不能相同。开始时使用唯一的id,然后在表单上添加onsubmit事件并将其写入另一个表单form@KevinKloet为什么我们要用js来做这个简单的事情?适合于php@mtizziani这只是一个建议,php确实工作得很好。我更喜欢这种类型的按钮点击检查。安全、简单、干净。也推荐初学者使用。var form1=document.getElementByIdmsform;form1.onsubmit=函数{document.getElementByIdmsform2.style.display=block;};我是这样做的,但第二种形式是不显示我认为它的jqueryok动画问题我会尝试这个我认为它适合我的场景,但在我的情况下,有很多领域,如果我这样做,它将成为太长的代码
//Get
var val = $('#field_id').val();

//Set
$('#field_id').val('bla'); 
var form1 = document.getElementById("msform");
 form1.onsubmit = function(){
 document.getElementById("msform2").style.display = "block"; 
};