Question

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

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

这不是问题，这是表单验证失败的方法之一，这让我想到了问题。

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

状态下拉菜单是根据他们选择的状态预先选择的，但是高中时间下降是无处可见的。如果我取消选择状态下拉列表，然后重新选择状态，则会显示高中列表。

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

Answer 1

你是对的，关注#state on load。

//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，然后刷新框架：）

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

1 个答案: