需要在其他字段的实时状态中显示其他字段

Question

当用户从状态下拉列表中选择一个状态时，它将在下拉字段中显示高中列表。

一旦用户选择一个州，我可以显示高中，但是当用户提交没有选择高中的表格时，我遇到了麻烦。如果他们不选择高中，则不会显示表格。

这不是真的问题，那是表单可能无法通过验证的方式之一，这会将我带入我的问题。

当用户未通过验证时，它将显示与提交表单之前填写信息填充的信息相同的表单。

状态下拉是预先选定的状态，他们选择的状态，但高中下降是没有在哪里可以看到。如果我取消选择状态下拉菜单，然后重新选择一个状态，则会显示高中列表。

我在#state字段上使用绑定更改。

我怎样才能显示高中领域瓦特/ o不得不等待点击或更改状态字段？

<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/

尝试选择#state，并刷新框架:)