页面中的 JavaScript 数据

Question

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

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

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

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

Answer 1

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

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

每当从第一个 select 中选择一个元素时，用values[selectedValue]查找这个值这为您提供了其他 select 的项目盒子。然后您只需为其生成 HTML 即可。