首先,我们需要检查是否正确显示表和Autocomplete Combobox。可以使用以下代码:
Header 1 | Header 2 |
---|---|
Data 1 | Data 2 |
Data 3 | Data 4 |
$(document).ready(function() { $("#search_box").autocomplete({ source: ["Data 1", "Data 3"] }); });
如果Autocomplete Combobox和表都能正确地显示,但Autocomplete Combobox在第一行的单元格中显示结果,则可能是因为表中有多个单元格与输入框具有相同的类名,导致Autocomplete Combobox将结果显示在第一个匹配的单元格中。解决方法是将Autocomplete Combobox的appendTo选项更改为指向body元素而不是输入框所在的单元格。示例如下:
$(document).ready(function() { $("#search_box").autocomplete({ source: ["Data 1", "Data 3"], appendTo: "body" }); });
这样,Autocomplete Combobox将始终显示在页面的顶部,而不是在第一个匹配的单元格中。
上一篇:Autocomplete出现在模态窗口(bootstrap4)的后面
下一篇:Autocomplete的getOptionLabel方法返回的对象([objectObject]),而不是字符串。