JQuery,更改<select>选项?</select>

时间:2011-10-28 01:25:33

标签: html forms html-select

在我的网站上,我想做到这一点,以便用户可以选择要转到的州和城市。如果用户选择了某个州,我该怎么做才能让城市选择框改变<option>标签中的所有城市?

例如:

选择

Virginia,因此我想将引用更改为Richmond, Arlington, Fredricksburg, etc.

1 个答案:

答案 0 :(得分:3)

根据您网站的架构,有两种方法可以做到这一点。我最喜欢的是关闭$.ajax,将结果拉下来,然后将其加载到下一个选择中。这是最具扩展性的恕我直言,但对最终用户来说并不是最快的。如果它不是一个巨大的列表(意思是下载速度),您可以将信息加载到数组或类中,并使用它来填充信息。

我可能会这样做:

$("#cities option").remove();
$(citylist[$("#state").val()]).each(function() {
    $("#cities").append('<option value="' + this + '">' + this + '</option>');
});

请注意,我没有对此进行测试,因此可能无法正常工作,但我认为它应该向您发送写入方向。

JMAX