使用 AutoSuggest jQuery 插件动态传递数据中的数据对象

Question

AutoSuggest jQuery 插件 需要已有的数据对象才能运行。 我需要使用第一个输入中的用户选择作为第二个输入中的数据。

以下代码片段在 firebug 中引发错误

availableTeachers 未定义

var labs = {lesson:
                [
                    {
                        name: "FOO LESSON",
                        professors: [
                            { lab: "FOO TEACHER [Monday 3 pm]" },
                            { lab: "FOO TEACHER [Thursday 7 pm]" }
                        ]
                    },
                    {
                        name: "FOO LESSON",
                        professors: [
                            { lab: "FOO TEACHER [Tuesday 10 am]" }
                        ]
                    }
                ]
        };

firstStep.find("form input[type=text]").autoSuggest(labs.lesson, {
    selectedItemProp: "name",
    searchObjProps: "name",
    selectionLimit: 1,
    resultClick: function(data){
        availableTeachers = data.attributes;
    },
});

secondStep.find("form input[type=text]").autoSuggest(availableTeachers.professors, {
    selectedItemProp: "lab",
    searchObjProps: "lab",
    selectionLimit: 1,
});

编辑

更多测试，我使用一些虚拟数据预定义了availableTeachers，并在用户选择lesson.name 在第一个输入中。

第二个输入始终只看到虚拟数据

到目前为止，autoSuggest 插件似乎只能使用静态数据对象或 JSON 请求。

Answer 1

availableTeachers 定义在哪里？您应该有一个创建变量的地方。仅在 lambda 函数内为其赋值是不够的，因为该变量的作用域是局部的，除非它是在全局作用域中创建的。