Question

我有一个自动填充功能，允许用户通过输入代码或名称来选择产品。然后自动完成填充隐藏的文本与某些atrtibutes。

当用户需要帮助寻找未知产品时，它非常有用。他输入了一个部分名称，从列表中选择即可。

但是当产品被他们的代码知道时（即9876 变量代码，他们想要输入它，按tab *继续。我怎样才能实现？

*（这里我需要验证一个唯一的代码值并使用自动完成功能分配值）

PS：在我自己的研究中，改变事件让我知道什么时候，但我不知道该怎么做？

change: function (ev, ui) {
    if (!ui.item) {
      $("#txt").autocomplete("search", $("#txt").val());
      // if search return only one item in the selection, ui.item must charge with 
      // the result data and let me use it.
    ];
},

TIA，

Answer 1

假设code搜索已经有效，TAB功能可以添加autoFocus选项设置为true初始化autocomplete：

$( "#txt" ).autocomplete({ 
    source: 'autocomplete_source',
    autoFocus: true,
    select: function( event, ui ) {
        $('#hidden').val(ui.item.value);
    }
});

autoFocus会使第一项自动专注于搜索，键TAB和Enter都会选择项目并前进。

使用所选值设置隐藏字段也不是一项艰巨的任务，只需在演示代码中使用select事件。

DEMO http://jsfiddle.net/9yV3t/1/

如果您仍然需要code搜索工作，建议您的数据源将发送的数据视为product name和product code

自动完成键盘输入

1 个答案: