AutoSuggest jQuery プラグインを実行するには、すでに利用可能なデータ オブジェクトが必要です。最初の入力からのユーザーの選択を、2 番目の入力のデータとして使用する必要があります。
次のスニペットは、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
と、ダミー データを事前に定義し、ユーザーが最初の入力で a を選択した後に実際のデータをlesson.name
入力します。
2 番目の入力では、ダミー データのみが表示され続けます
これまでのところ、autoSuggest プラグインは静的データ オブジェクトまたは JSON リクエストしか使用できないようです。