9

我已经使用 jquery-ui 自动完成输入框并从所选项目中设置隐藏值。

这是我使用

 select: function(event, ui) { ...$("#myDiv").val(ui.item.value)... }

选项（现在可能是错误的，手头没有代码，但它一直有效，直到我的问题......）

它在用鼠标从菜单中选择一个项目时起作用，但是如果我只是输入一些文本并用 Enter 选择一个项目 - 它什么也不做，就好像自动完成功能根本没有运行选择一样。但是，开箱即用的选项卡会触发选择。

我使用了焦点和更改：也更新了我想要的字段，但我认为这有点矫枉过正，如果真的有必要指定所有焦点、更改和选择，只是为了确保用户从它实际上将被选中的列表。

谢谢你。

rofly：我正在使用 jquery-ui 自动完成，它有你提供的代码，但它看起来像这样（来自 jquery.ui.autocomplete.js）


case keyCode.ENTER:
                case keyCode.NUMPAD_ENTER:
                    // when menu is open or has focus
                    if ( self.menu.active ) {
                        event.preventDefault();
                    }
                    //passthrough - ENTER and TAB both select the current element
                case keyCode.TAB:
                    if ( !self.menu.active ) {
                        return;
                    }
                    self.menu.select( event );
                    break;

这看起来很花哨，所以我不确定它是否因此而失败。

我的代码是这样的（包装在 document.read()

$("#someDiv").attr("autocomplete", 'off');
$("#someDiv").autocomplete({
source: function(request, response) {
if ( request.term in cache ) {
response( cache[ request.term ] );
return;
}
$.ajax({
url: "giveMeJSON.jsp",
dataType: "json",
data: request,
success: function( data ) {
cache[ request.term ] = data;
response( data );
}
})},
minLength: 1,
delay: 300,
select: function(event, ui) {
$("#someDiv").val(ui.item.label);
$("#hiddenDiv").val(ui.item.value);
}
});

所以，问题是，当用户用鼠标从菜单中选择并且在字段中跳出时（keyUp，keyDown 选择然后跳出，工作）但是 keyUp，keyDown 选择它，然后输入，并且没发生什么事！

4

3 回答 3

6

一个类似的例子适用于我的 jQuery 1.4.2 和 jQuery-ui 1.8.7。需要注意的是，Enter 仅在从列表中选择项目时才起作用。如果您正在创建一个不存在的新条目，则按 Enter 不会触发选择或更改事件。我必须绑定一个单独的事件处理程序才能使这种情况发生。

于 2011-01-06T16:53:02.867 回答
2

这对我有用，我在自动完成后提交表单。

    $("input#searchbox").autocomplete({
  source: autocomplete,
  select: function(event, ui) {  }
    $("input#searchbox").val(ui.item.value);
    $("#searchform").submit();
  }
})

从 点击搜索与 Jquery 的自动完成

于 2011-05-06T17:39:10.150 回答
2

有这个参数吗？设置
自动对焦：真

在这里查看答案：https ://stackoverflow.com/a/9243511/74585

于 2014-07-11T06:43:12.470 回答