无法使用其他值填充其他下拉菜单-Javascript

Question

我似乎遇到了Javascript问题。我目前正在尝试使用数组来填充下拉菜单。它们是动态显示的下拉菜单。在我的例子中，国家，城市和活动正在为美国正确填充。但是，对于加拿大和英国，活动列表仍在使用美国的活动列表。有人能告诉我我做错了什么吗？如果我刚解释的内容有点令人困惑，请看一下我在这里制作的jsfiddle：http://jsfiddle.net/KCz3G/

<title>Page Title</title>

Answer 1

如果您将此作为存储数据的开始，事情可能会变得更容易：

简单演示：http://jsfiddle.net/KCz3G/3/

var cities = {
 usa: ['New York|newyorkvalue', ...],
 uk: ['London|londonvalue', ...]
};

var activities = {
 newyorkvalue: ['xxx|yyy', ...],
 londonvalue: ['xxx|yyy', ...]
};

//get cities in usa
for (i=0;i<cities["usa"].length;i++) {

}

您使用/传递“值文本”，即londonvalue作为参数而不是index来表示要填充哪个“某事”数组。

它将为您提供更大的灵活性，仍然使用值数组。