使用jquery和json链接选择框

Question

在我正在使用的当前网络应用程序中，我想使用链式过滤填充4个选择框。

这里是json结构定义了每个选择框上可用选项之间的关系：

var example = { 
        "first_select_box_option_1" : [ {
            "" : [],
                "second_select_box_option_1" : [ {
                    "third_select_box_option_1" : [
                                                               "", 
                                                               "fourth_select_box_option_1"]
                }],
                "second_select_box_option_2" : [ {
                    "third_select_box_option_1" : [
                                                               "", 
                                                               "fourth_select_box_option_1"]
                }]
        }]
};

我打算做的是将一些听众挂钩到第一个三个选择框。基于所做的选择，应根据之前的json使用适当的选项填充以下内容。请注意，json应由多个级别组成。

例如：在第一次迭代中，用户选择选项* first_select_box_option_1 *第二个选择框应填充选项* second_select_box_option_1 *和* second_select_box_option_2 *。

首先，我想知道我的json结构是否足以代表每个选择框中可用的选项以及相应的关系。

Answer 1

实际上，在用户更改select的值后，每次执行AJAX（J）查询时都会更容易请求新的JSON。对于公然的自我推销感到抱歉，但您可能有兴趣查看jQuery Chained Selects plugin远程版本的来源。