当从 json 的其他选择标签中选择特定选项时，在选择标签中显示选项答案

【问题标题】：show options in select tag when a specific option is selected in other select tag from json当从 json 的其他选择标签中选择特定选项时，在选择标签中显示选项
【发布时间】：2015-08-19 12:49:35
【问题描述】：

我的 HTML 文档中有 3 个选择标签，当我从第一个选择标签中选择第一个选项时，我想在隐藏的第二个选择标签中显示一些其他选项，但我需要从外部加载这些选项像json这样的文件。我怎样才能做到这一点？

例如，我有这个对象

var object = {
    usa: {
        californina: ['san fransisco',
                       'san diego'
        ],nevada: ['las vegas', 
                    'reno']
     }
}

当我在第一个选择标签中选择美国选项时，我想在第二个选择框中显示州（加利福尼亚州，内华达州），当我选择内华达州选项时，我想显示城市（拉斯维加斯，里诺） 3d 选择标签！

我希望所有这些选项都保存在外部 json 文件中！如何加载 json 文件？

【问题讨论】：

How to populate a cascading Dropdown with JQuery 的可能重复项
我需要从 json 文件中加载它
请在标题上强调这一点。
你是对的，对不起

标签： javascript jquery html

【解决方案1】：

有一个像这样的 json: {"resource":"A","literals":["B","C","D"]} 并考虑到你想读取一个外部 JSON 文件，你可以关注这篇文章的不同答案：How to read an external local JSON file in Javascript。

阅读所需信息后，您可以或将选项附加到您的选择（What is the best way to add options to a select from an array with jQuery?）或替换所有选项并再次附加（How to remove and replace select options using jquery?）

您可能希望在用户选择一个选项后添加一些事件来做某事。为此，请使用此帖子jquery select change event get selected option

希望对你有帮助最好的问候

【讨论】：