javascript - 填充选择

Question

我创建了一个网页，其中一个选择元素（对象）将基于 2 个其他选择元素（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/