フォームを送信した後に部門を非表示にする

こんにちは私は、これを動作させるためにいくつかの問題を抱えています。私がしたいことは、HTMLフォームが提出されてからdivを表示するだけです。フォームを送信した後に部門を非表示にする

<head> 

<script type="text/javascript"> 
function showHide() { 
    var div = document.getElementById(hidden_div); 
    if (div.style.display == 'none') { 
    div.style.display = ''; 
    } 
    else { 
    div.style.display = 'none'; 
    } 
} 
</script> 

</head> 


<body> 

<form method="post" name="installer"> 

<label>Home Keyword</label> 
<br /> 
<input type="text" name="hello" value=""> 
<br /> 
<input type="submit" value="" name="submit" onsubmit="showHide()"> 

</form> 

<div id="hidden_div" style="display:none"> 
<p>Show me when form is submitted :) </p> 
</div> 

</body>

任意の助けもいただければ幸いですありがとうございました:)

出典

2011-08-23 Jessica

を述べたように、あなたも引用符が欠落している代わりにinput

<form method="post" name="installer" onsubmit="showHide()">

の形onsubmitにshowhide機能を配置する必要があります。また、フォームのsubmitメソッドを隠すので、 "submit"をフォームコントロール名として使用しないでください。上記では、* form.submit *はメソッドを参照するのではなく、コントロールを参照するので、それを呼び出すとエラーが発生します。 – RobG

私はあなたがちょうどあなたのdocument.getElementById("hidden_div")コールで「hidden_div」の前後に引用符を逃していると思います！

実際には、あなたのページはおそらくページの状態をリセットしているため、hidden_divはいつも隠れた状態になっています.AJAX経由でフォームの提出を処理するつもりですか？

あなたが意図した動作を確認したい場合は、<form>要素にshowHide()コールを移動し、それの後にfalseを返す必要があります：

<form method="post" name="installer" onsubmit="showHide(); return false;">

とsubmitボタンを残すよう：

<input type="submit" value="" name="submit" />

<input />ボタンタグを自己クローズしていないか、内部に表示するテキストがあることにも注意してください。

出典

2011-08-23 04:09:16

ありがとうありがとうありがとうコリはそうするトリックとハハを行うようですはい私の元のコード内の引用符を持っていますが、彼らは翻訳で失われた、私は自分のコーヒーを補充する必要があると思う：P – Jessica

入力を "閉じる"タグでは、OPはXHTMLが使用されていることを示しておらず、Web上で使用することは非常にまれです。 – RobG

@RobG：私は彼女が '
'タグでそうしていたという事実から推測しましたが、あなたは正しいかもしれません。 –

フォームにonSubmit検証属性を移動@Coryが

出典

2011-08-23 04:10:52 Adeel

フォームを送信した後に部門を非表示にする

答えて

関連する問題