动态表单元素上的 JQuery 自动完成？

Question

在这个小提琴上可能最容易看到：

http://jsfiddle.net/pjQVJ/

如果您在第一个下拉菜单中选择escherpropname，则第三个下拉菜单将替换为文本框输入。

我想为这些文本框应用一个自动完成插件，但它可以选择的值取决于第一个下拉菜单的选定值。

这里的代码看起来很简单：http://jqueryui.com/demos/autocomplete/ 然后我只需要以某种方式将文本框的 id 设置为下拉列表的选定值，以便它只能从该特定数组中选择值- 如果这有意义吗？

如果有任何困惑，请告诉我，我会尝试更好地解释自己。

感谢您的帮助。

马丁

Answer 1

我不知道你是怎么做的，但它似乎可以THIS 工作。

var input = $('<input></input>').appendTo($('#div'));
var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];
$(input).autocomplete({
       source: availableTags
});