Question

<html>
<head>
</head>
<body>
<script>
function isVisible(){
    if(document.getElementById("nt").checked==true){
         document.getElementById("opt").style.visibility="hidden";  
    }
    else{
         document.getElementById("opt").style.visibility="visible";
    }
} 
</script>
<form align="center" method="post">
<input type="radio" name="teaching" id="t" value="teaching" onchange="isVisible()"> Teaching<br>
<input type="radio" name="teaching" id="nt" value="non-teaching" onchange="isVisible()"> Non-teaching<br>
Post Code <input type="text" name="pcode" id="pcode"><br>
Post Name <input type="text" name="pname" id="pname"><br>
<div id="opt">
Department <input type="text" name="dept" id="dept">
</div>
<input type="button" name="addv" id="addv" value="Add Vacancy"  onclick="javascript: form.action='hello.php';">
</form>

</body>
</html>

以上是addvacancy.php。点击按钮添加空缺，它没有指向hello.php。它保留在同一页面上，文本框中的值保留。以下是hello.php的代码。

hello.php

<html>
<head>
</head>
<body>
<?php
echo "Hello!";
?>
</body>
</html>

Answer 1

您需要在表单中添加action，并且应该从onclick中移除input事件，如下所示：

<input type="submit" name="addv" id="addv" value="Add Vacancy">

并在表单中添加一个操作，指向表单提交所需的网址，如下所示：

<form action="hello.php" align="center" method="post">

这应该可以解决问题。 action属性告诉浏览器将表单数据发送到表单处理PHP页面。

按下按钮时页面未重定向

1 个答案: