当在json的其他选择标记中选择特定选项时,在select标记中显示选项

时间:2015-08-19 12:49:35

标签: javascript jquery html

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

对于e.x我有这个对象

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

当我在第一个选择标签中选择美国选项时,我想在第二个选择框中显示状态(加利福尼亚,内华达州),当我选择内华达选项时,我想要显示城市(拉斯维加斯,里诺) 3d选择标签!

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

1 个答案:

答案 0 :(得分:0)

有一个像这样的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?)< / p>

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

我希望这会对你有所帮助, 最诚挚的问候