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

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

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

这不是真正的问题，这是表单验证失败的方式之一，这就引出了我的问题

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

“州”下拉列表与他们选择的州一起预选，但“高中”下拉列表不在任何位置。如果我取消选择状态下拉列表，然后重新选择一个状态，那么将显示高中列表

我在#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();
});

纽约
德克萨斯州
海湾高地
山脊高
$（“高中”）.hide（）；
$（'#state'）.bind（'change'，function（）{
$（“#高中”）.show（）；
});

---

我想我需要关注“负载状态”

你说得对，关注“负载状态”

//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();
});

见：

---

尝试选择#state，并刷新框架：）

请发布您的html以及jquery代码……这两行代码没有帮助