填充选择

Question

我创建了一个网页，其中select元素（Object）将根据另外两个select元素（Type1，Type2）填充。为此，我创建了一个这样的数组：

"Animal:Fish:Tuna", "Animal:Fish:Salmon", "Animal:Mammal:Dog", "Animal:Mammal:Cat", "Object:Metal:Aluminum", "Object:Metal:Mercury"

然后每个元素将用'：'分隔。前两个字符串将与Type1和Type2进行比较。然后第三个元素将填充在Object中。

我还有其他简单的方法在js中这样做吗？

Answer 1

您可以使用包含关系的对象

来代替数组

var data = {
    Animal: {
        Fish: ['Tuna', 'Salmon'],
        Mammal: ['Dog', 'Cat']
    },
    Object: {
        Metal: ['Aluminum', 'Mercury']
    }
};

现场演示：http://jsfiddle.net/u53Mt/