JS / HTML |提交onClick,当它以POST格式(js beginner)时

时间:2016-02-17 23:52:33

标签: javascript html forms

我已经使用POST方法登录了 index.php 表单。 操作是 form.php ,因此它是不同的文件,但我使用iframe来显示我的结果,仍然在 index.php 。< / p>

我需要的另一件事是,当我点击提交按钮时,显示我的一个文本输入,仍然在 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>

它不起作用,当提交按钮专用于表单时,有一个动作(我想,因为它没有形式工作,什么时候像上面一样纯粹)

有什么问题?谢谢!

1 个答案:

答案 0 :(得分:0)

试试这个<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>