页面中的 Javascript 数据

Question

我有一个带有 2 个列表框的网页(HTML 选择控件)。第一个列表框是多选的，包含大量元素。

当我在第一个列表框中选择一个或多个元素时，第二个列表框的内容必须根据所选值进行更改。这些值必须从数据库中获取。因为选择必须立即生效，所以我必须在没有回调/回发的情况下在客户端完成所有这些操作。这意味着在页面加载时注入(inject)数据库的内容并使用 JQuery 对其进行处理。

对于在页面中存储此类数据，您建议采用什么方法？你能指出一些现有的解决方案吗？

我什至不知道如何用谷歌搜索这个。

Answer 1

我会创建一个对象，将不同的项目保存在数组中。示例:

var values = {
    cat1: ["item1", "item2", ...],
    cat2: ["item1", "item2", ...]
}

每当从第一个 select 中选择一个元素时, 用 values[selectedValue] 查找这个值这给了你另一个select的元素盒子。然后您只需为其生成 HTML。