自动完成组合框在表中

时间:2014-10-03 05:52:07

标签: jquery jquery-ui combobox autocomplete

和noob一样,我尝试使用jquery-ui auto complete插件。

我遇到的问题很少,但首先是最重要的。 我的组合框在表格中生成,让组合框类名为combobox1。 现在我想在键入一些文本时如果按Tab键,转到下一个输入我在列表中得到第一个过滤值。例如,我有列表

的组合
  • 软盘
  • CD
  • DVD

我输入C我只会列入CD列表,但如果我按Tab键只显示C,我想选择CD,但是我收到的消息是找不到任何内容。

当我在jquery和组合框中生成html表时。

我通过以下方式访问它:

 $(".tabl tbody").on("change", ".combobox1", function () {}

这项工作中的代码完美无缺。

但是在输入部分文字时如何选择值?

我尝试过像

这样的东西
$(".tabl tbody").on("autocomplete", ".combobox1", function () {
     selectFirst: true;
     alert("chek text");
 });

但我没有得到任何回应。

1 个答案:

答案 0 :(得分:0)

我认为您正在寻找的是autoFocus选项。它的使用方式如下:

$( ".tabl tbody" ).autocomplete( "option", "autoFocus", true );

来源:Autocomplete Widget | jQuery UI API Documentation

注意:自动填充功能中没有autocomplete事件,因此永远不会触发。此外,也没有名为selectFirst的选项。深入了解上面链接的API文档。