html - JQuery,更改 <select> 选项?

标签 html forms html-select

在我的网站上,我想让用户可以选择要前往的州和城市。如果用户选择一个州,我将如何使城市选择框更改 <option> 中的所有城市?标签?

例如:

Virginia被选中,所以我想将引用更改为 Richmond, Arlington, Fredricksburg, etc.

最佳答案

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

我可能会做这样的事情:

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

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

JMax

关于html - JQuery,更改 <select> 选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7924231/

相关文章:

jquery - 类中包含的 CSS 规则不适用于 div

html - 便宜/免费的 "Look and Feel"Web 应用程序框架

php - 不知道如何制作这个表格

jquery - 交替选择列表选项颜色

asp.net-mvc - 使用 MVC 使用 List<string> 填充 @Html.DropDownList

php - 使用 PHP 从 html 表单转为 PDF

javascript - 如何将一个javascript变量调用到另一个javascript文件

forms - Vue.js 单向绑定(bind)表单

ruby-on-rails - 2 表单中的提交按钮

html - Chrome 选择框选项文本在打开时变形