2016-05-03 27 views
0
<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です。 Add Vacancyボタンをクリックすると、hello.phpに誘導されていません。それは保持されているテキストボックスの値とともに同じページに残ります。以下はhello.phpのコードです。ボタンを押したときにページがリダイレクトされない

hello.php

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

答えて

1

あなたのフォームにactionを追加する必要がある、とあなたはinputがそう、それはこのようになりますあなたからonclickイベントを削除する必要があります。

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

そして追加あなたのフォームへのあなたのフォーム提出先のURLを指しているので、次のようになります:

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

これはすべきことです。 action属性は、フォームデータをフォーム処理PHPページに送信するようにブラウザに指示します。

+0

ご返信ありがとうございます。私は入力タグからonclick属性を削除し、図のように

にアクション属性を追加しましたが、それでもまだhello.phpには向いていません。本当に助けに感謝します。 – Nancy

+0

'input'の型を* button *から* submit *に変更しましたか?したがって、次のようになります。 ' Marcus

+0

いいえ、私はしませんでした。どうもありがとう。今働いている。 :) – Nancy

関連する問題