Question

我有几个按钮和一个提交按钮。（变得简单）我的想法是使用php接收点击按钮的值，并仅在提交时显示。在这里，我遇到一个问题，按钮点击本身重定向到页面并显示值（意味着它没有等待提交按钮按下）。我关注了here提供的javascript。但没有奏效。任何方法来实现这一目标？

<form action="calculate.php" method="POST"> <button type="" name="btn" style="background-color:#7F77AE" value="Alf">x1</button> <button type="" name="btn" style="background-color:#7F77AE" value="ABI">y1</button> <button type="" name="btn" style="background-color:#7F77AE" value="APE">z1</button> <input type="submit" value="Submit">

php部分就像，
一样简单
$button = $_POST['btn']; echo $button;

Answer 1

将普通按钮的类型定义为＆＃34;按钮＆＃34;

<form action="calculate.php" method="POST">

<button type="button" name="btn" style="background-color:#7F77AE" value="Alf">x1</button>
<button type="button" name="btn" style="background-color:#7F77AE" value="ABI">y1</button>
<button type="button" name="btn" style="background-color:#7F77AE" value="APE">z1</button>

<input type="submit" value="Submit">

编辑：如果你绝对需要在这里使用按钮，你可以这样做：

<script>
function select(val){
    document.getElementById("btnValueStore").value = val;
}
</script>

<form action="calculate.php" method="POST">
<button type="button" style="background-color:#7F77AE" onClick="select('Alf')">x1</button>
<button type="button" style="background-color:#7F77AE" onClick="select('ABI')">y1</button>
<button type="button" style="background-color:#7F77AE" onClick="select('APE')">z1</button>
<input type="hidden" value="" name="btn" id="btnValueStore">
<input type="submit" value="Submit">
</form>

首先定义隐藏输入以保存最后按下的按钮的值。

select函数将隐藏输入字段的值更改为您传递的任何值。

对于每个按钮，设置＆＃34; onClick＆＃34;使用相应按钮的值调用select函数的属性。

注意：此特定实现仅允许选择一个按钮＆＃34; （你点击的最后一个） - 能够选择＆＃34;选择＆＃34;多个按钮需要多个隐藏的输入字段。

阻止按钮在html中重定向页面

1 个答案: