Javascript 如何使用jQuery ui autocomplete使依赖的多个可选自动完成

我在项目中使用jQueryUI的自动完成。它工作得很好。现在，我想添加依赖于先前选择选项的自动完成

我有一个选择和自动完成文本输入

 <select id='type'>
     <option value='languages'>Languages</option>
     <option value='OS'>Operating Systems</option>
 </select>

 <input type='text' id='tags' />

如何将其链接到上一次选择的

onchange

事件。所以当我选择操作系统时。自动完成将数组从语言更改为操作系统

---

非常感谢您的帮助。

请尝试以下方法。你还需要稍微调整一下你的建议数组的格式，这样它才更可行

$("#type").change(function() {
    var source = $(this).val().toLowerCase();

    $("#tags").source(function( request, response ) {
                // delegate back to autocomplete, but extract the last term
                response( $.ui.autocomplete.filter(
                    sources[source], extractLast( request.term ) ) );
    });
});

var sources = {
    "languages": [
        "ActionScript",
        "AppleScript",
        "Asp",
        "Scheme"
    ],

    "os": [
        "Windows",
        "Mac OS X",
        "Chrome",
    ]
};

---

availableTags

在哪里定义？很抱歉，我删除了availableTags并将其更改为语言。我已经更新了同样的版本。那么这是否有效呢？只是检查；-）

$("#type").change(function() {
    var source = $(this).val().toLowerCase();

    $("#tags").source(function( request, response ) {
                // delegate back to autocomplete, but extract the last term
                response( $.ui.autocomplete.filter(
                    sources[source], extractLast( request.term ) ) );
    });
});

var sources = {
    "languages": [
        "ActionScript",
        "AppleScript",
        "Asp",
        "Scheme"
    ],

    "os": [
        "Windows",
        "Mac OS X",
        "Chrome",
    ]
};