0

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

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

这不是真正的问题，这是表单验证失败的一种方式，这让我想到了我的问题。

当用户验证失败时，它将显示相同的表单，其中的字段填写了他们在提交表单之前输入的信息。

州下拉菜单是用他们选择的州预先选择的，但高中下拉菜单是看不到的。如果我取消选择州下拉菜单，然后重新选择一个州，则会显示高中列表。

我在#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 on load

4

1 回答 1

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，然后刷新框架:)

于 2012-04-12T19:05:00.773 回答