JS / HTML | 呈POST形式时提交onClick（js初学者）

Question

我已经用POST方法进入了index.php表单。 动作是form.php ，所以它是不同的文件，但是我使用iframe来显示结果，但仍在index.php 。

我需要做的另一件事是，当我单击“提交”按钮时，仍在index.php上显示我的文本输入之一。 我尝试使用onClick动作：

<script type="text/javascript">
function showamount()
{
var price = document.getElementById('amount').value;
document.getElementById("some_p").innerHTML = price;
}
</script>


<input type="text" id="amount" />
<input type="submit" value="Podlicz"  onclick="showamount()"  />
<p id="some_p"></p>

当提交按钮专用于表单时，该按钮不起作用（有一个动作）（我想是因为它没有表单，但如上所示是纯表单时）

怎么了？ 谢谢！

Answer 1

试试这个<form id="form" onSubmit="return showamount();" action="form.php" target="_blank"> <form id="form" onSubmit="return showamount();" action="form.php" target="_blank">

这将打开一个新窗口以运行form.php ，还将使用输入的值更新当前页面。

javascript

<script>
function showamount()
{
var price = document.getElementById('amount').value;
document.getElementById("some_p").innerHTML = price;
return true;
}
</script>

html

<form id="form" onSubmit="return showamount();" action="form.php" target="_blank">
<input type="text" id="amount" />
<input type="submit" value="Podlicz"  onclick="showamount()"  />
</form>
<p id="some_p"></p>