使用自动生成的文本框进行JQuery自动完成

时间:2013-04-17 10:54:36

标签: jquery autocomplete

我正在尝试将自动完成插件添加到我的jquery代码中生成的文本框中作为表的一部分,但我什么都没得到。这是我的代码:

var spool = "<thead><tr><th>Α/Α</th><th>Ονομασία Ύλης</th><th>W/W%</th><th>Κωδ.Ύλης</th><th>Σχόλιο</th><th>Χρήση Συγκεκριμένης Ύλης</th><th>Ορθή Αναλογία</th><th>Ορθή Χρέωση</th><th>Ιδιοκτησία Ύλης</th><th>Προτεινομενος Προμηθευτής</th></thead>";
spool += "<tr><td>1</td><td><input type ='textbox' id = 'ingautotb' style = 'margin-left: -1px;margin-right: -1px;margin-top: -1px;margin-bottom: -1px;border: 0px;'></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>"
var a = ['a','av'];
$('#ingautotb').autocomplete({source:a});

1 个答案:

答案 0 :(得分:0)

这里的问题是,您正在尝试使用尚未添加到dom的输入元素创建自动完成小部件。

尝试

var spool = "<thead><tr><th>Α/Α</th><th>Ονομασία Ύλης</th><th>W/W%</th><th>Κωδ.Ύλης</th><th>Σχόλιο</th><th>Χρήση Συγκεκριμένης Ύλης</th><th>Ορθή Αναλογία</th><th>Ορθή Χρέωση</th><th>Ιδιοκτησία Ύλης</th><th>Προτεινομενος Προμηθευτής</th></thead>";
spool += "<tr><td>1</td><td><input type ='textbox' id = 'ingautotb' style = 'margin-left: -1px;margin-right: -1px;margin-top: -1px;margin-bottom: -1px;border: 0px;'></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>";

//insert spool to dom ex
//$('#mycontainer').append(spool)

var a = ['a','av'];
$('#ingautotb').autocomplete({source:a});