当用户从州下拉列表中选择一个州时,它将在下拉字段中显示高中列表。
一旦用户选择一个州,我就可以显示高中,但是当用户提交没有选择高中的表单时,我遇到了问题。如果他们没有选择高中,它将不会显示表单。
这不是真正的问题,这是表单无法通过验证的方式之一,这让我想到了我的问题。
当用户未通过验证时,它将显示相同的表单,其中字段填写了他们在提交表单之前输入的信息。
州下拉列表是预先选择的,他们选择的州,但高中下拉列表无处可见。如果我取消选择州下拉列表,然后重新选择一个州,则将显示高中列表。
我正在 #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
你是对的,关于关注负载 #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,并刷新帧:)