使用 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

实际上，在用户更改选择的值后每次请求新 JSON 的 AJAX(J) 查询更容易。我很抱歉公然自我宣传，但您可能有兴趣查看jQuery Chained Selects plugin的远程版本的来源。