は、他のフィールドのライブ状態で他のフィールドを表示する必要があります

Question

ユーザーが状態ドロップダウンから状態を選択すると、ドロップダウンフィールドに高等学校のリストが表示されます。

ユーザーが状態を選択すると高校を表示できますが、ユーザーが高校を選択しないでフォームを送信すると問題が発生します。高等学校を選択しなかった場合は、フォームは表示されません。

これは実際には問題ではない、フォームが検証に失敗する方法の1つで、私の質問につながります。

ユーザーが検証に失敗すると、フォームを送信する前に入力した情報にフィールドが入力された同じフォームが表示されます。

状態のドロップダウンは選択した状態で事前に選択されていますが、高校のドロップダウンは表示されません。州のドロップダウンを解除して州を再選択すると、高校リストが表示されます。

#stateフィールドでバインド変更を使用しています。

ステートフィールドのクリックや変更を待たずに高校のフィールドを表示するにはどうすればよいですか？

<select name="state" id="state"> 
<option></option> 
<option value="NY">NY</option> 
<option value="TX">TX</option> 
</select> 

<select name="high_school" id="high_school"> 
<option></option> 
<option value="Bayside High">Bayside High</option> 
<option value="Ridgemont High">Ridgement High</option> 
</select> 

$("#high_school").hide(); 

$('#state').bind('change', function() { 
    $("#high_school").show(); 
}); 

私は負荷に#stateに目を光らせについて、あなたが正しい負荷

Answer 1

に#stateに目を維持する必要がありますと仮定します。

//check to see if something in #state is selected, if not hide #high_school 
if($("#state").val() == '') { 
    $("#high_school").hide(); 
} 

$('#state').bind('change', function() { 
    $("#high_school").show(); 
}); 

参照：http://jsfiddle.net/89K5G/

はあなたのHTMLだけでなく、jqueryのコードを投稿してください#stateを選択してみてください、とフレーム:)