Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery自动完成:选择建议中的项目_Jquery_Jquery Ui_Autocomplete_Jquery Ui Autocomplete - Fatal编程技术网

jquery自动完成:选择建议中的项目

jquery自动完成:选择建议中的项目,jquery,jquery-ui,autocomplete,jquery-ui-autocomplete,Jquery,Jquery Ui,Autocomplete,Jquery Ui Autocomplete,我已经实现了ui自动完成小部件。 在我的例子中,我提供了一个固定的建议列表 当我输入字段并填充时,我想选择与输入字段中的文本相等的建议 有什么建议吗?对于您需要的内容,您可以为open event添加自己的处理程序,在该处理程序中,您可以决定哪些菜单项将被激活。以下是我的示例实现: $('#myinput').autocomplete({ source: function(request, response) { response(["bus", "car", "carp

我已经实现了ui自动完成小部件。 在我的例子中,我提供了一个固定的建议列表

当我输入字段并填充时,我想选择与输入字段中的文本相等的建议


有什么建议吗?

对于您需要的内容,您可以为open event添加自己的处理程序,在该处理程序中,您可以决定哪些菜单项将被激活。以下是我的示例实现:

$('#myinput').autocomplete({
    source: function(request, response) {
        response(["bus", "car", "carpet", "donkey"]);
    },
    open: function(event, ui) {
        var val = $('#myinput').val();
        var menu = $(this).data("autocomplete").menu;
        var item = menu.element.find('a:contains("' + val + '")').first();
        menu.activate($.Event({ type: "mouseenter" }), item.parent());
    }
});
你可以检查小提琴

PS:您可能可以直接从
ui
参数中提取菜单对象,但我没有看到它的文档,现在我懒得进一步研究;)


PS2:还考虑在没有匹配的情况下检查空引用,我没有包含.< /p> 对于您所需要的,您可以添加自己的处理打开事件的处理程序,在这里您可以决定哪些菜单项将被激活。以下是我的示例实现:

$('#myinput').autocomplete({
    source: function(request, response) {
        response(["bus", "car", "carpet", "donkey"]);
    },
    open: function(event, ui) {
        var val = $('#myinput').val();
        var menu = $(this).data("autocomplete").menu;
        var item = menu.element.find('a:contains("' + val + '")').first();
        menu.activate($.Event({ type: "mouseenter" }), item.parent());
    }
});
你可以检查小提琴

PS:您可能可以直接从
ui
参数中提取菜单对象,但我没有看到它的文档,现在我懒得进一步研究;)


PS2:在没有找到匹配的情况下,也考虑检查空引用,我不包括.< /p>。您可以张贴您尝试过的代码还是JSFIDDL.NET示例?还不清楚您在问什么。你的意思是,如果他们输入的内容与所选内容相匹配,而没有实际选择它吗?你能发布你尝试过的代码或一个jsFiddle.net示例吗?你问的问题并不清楚。你的意思是如果他们输入的内容与所选内容相匹配,而没有实际选择它吗?正如我所说,我有一个固定的列表,在输入时不会减少。键入和输入填充字段时,我希望将选择设置为匹配的条目。准确地说:假设这是我的列表:Aa单词ab单词ac_单词我开始键入a-第一个单词被选中,然后b-第二个条目被选中,如果我按TAB键,它将使用2。进入然后我再次输入该字段(输入“ab word”)。然后,我想让列表中的第二项是高位的,并在我离开输入字段时取下。好吗?就像你说的在哪里?我在jQueryUIAutoComplete插件中看不到如何使用它而不过滤建议的选项。你能分享一个简单的提琴吗?…
$input.autocomplete({autoFocus:false,minLength:0,source:function(request,response){response(…一个完整的数组,已排序,但大小没有缩小);}}}})$input.autocomplete(“search”,“”)<比这更难描述。可能是这样的:输入包含字符串的字段,弹出建议列表,并预选该列表中与字段中字符串相等的条目。好吗?看起来在最新版本的JQuery UI中已经停止工作了。“activate”方法名称已更改为“_activate”,但即使修复它,仍会收到错误消息“this.active为null”。如果有人能解决这个问题,请告诉我们。@cbp用“焦点”替换“激活”对我来说很有效。正如我所说,我有一个固定列表,在键入时不会减少。键入和输入填充字段时,我希望将选择设置为匹配的条目。准确地说:假设这是我的列表:Aa单词ab单词ac_单词我开始键入a-第一个单词被选中,然后b-第二个条目被选中,如果我按TAB键,它将使用2。进入然后我再次输入该字段(输入“ab word”)。然后,我想让列表中的第二项是高位的,并在我离开输入字段时取下。好吗?就像你说的在哪里?我在jQueryUIAutoComplete插件中看不到如何使用它而不过滤建议的选项。你能分享一个简单的提琴吗?…
$input.autocomplete({autoFocus:false,minLength:0,source:function(request,response){response(…一个完整的数组,已排序,但大小没有缩小);}}}})$input.autocomplete(“search”,“”)<比这更难描述。可能是这样的:输入包含字符串的字段,弹出建议列表,并预选该列表中与字段中字符串相等的条目。好吗?看起来在最新版本的JQuery UI中已经停止工作了。“activate”方法名称已更改为“_activate”,但即使修复它,仍会收到错误消息“this.active为null”。如果有人能解决这个问题,请告诉我们。@cbp用“焦点”替换“激活”对我来说很有效。