ユーザーが選択フォームから「はい」を選択したときに特定のオプションが表示されるように、このフォームを作成しました。非表示にしたdivをまったく表示できませんが、コンソールを使用したところ、少なくともselectをyesに変更すると、ifステートメントが実行されることがわかりました。テストを実行しましたが、JQuery は動作していますが、
どこが間違っているのかを特定するのを手伝ってくれる人はいますか?
<form method="post" action="quizcreatescript.php" name="quizcreateform" id="quizcreateform">
<select name="choosemarks" id="choosemarks">
<option value="noweights">No</option>
<option value="yesweights">Yes</option>
</select>
<!-- >This div is hidden until the user selects yes to add own marks<-->
<div class="hide" id="hiddendiv1"><!-- this select box will be hidden at first -->
<div class="input select">
<input type="text" name="quizcorrectaward" id="quizcorrectaward"><br>
<input type="text" name="quizincorrectaward" id="quizincorrectaward"><br>
</div>
</div>
<script type="text/javascript">
$("#choosemarks").change(function(){ // when #choosemarks changes
if ($(this).val() == "yesweights" ) { // if user selects to add own marks $(".hiddendiv1").slideDown("fast"); // if yes show the hidden div
}
else { $(".hiddendiv1").slideUp("fast"); //otherwise, hide the div again.
}
});
</script>
<input type="submit" name="createthequiz" id="createquiz" value="Create Quiz">
</form>
そしてCSSフォームには
.hide {
display:none;
}