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

need to display other field on live status of other field

本文关键字：实时 状态 字段 其他 显示      更新时间：2023-09-26

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

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

这不是真正的问题，这是表单无法通过验证的方式之一，这让我想到了我的问题。

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

州下拉列表

是预先选择的，他们选择的州，但高中下拉列表无处可见。如果我取消选择州下拉列表，然后重新选择一个州，则将显示高中列表。

我正在 #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，并刷新帧:)

相关文章：