Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.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
Javascript jQueryUI自动完成。仅剩下一个选项时自动接受单词_Javascript_Ajax_Jquery Ui_Autocomplete - Fatal编程技术网

Javascript jQueryUI自动完成。仅剩下一个选项时自动接受单词

Javascript jQueryUI自动完成。仅剩下一个选项时自动接受单词,javascript,ajax,jquery-ui,autocomplete,Javascript,Ajax,Jquery Ui,Autocomplete,我有一个带有文本输入字段的web表单,它通过jQueryUI附加了自动完成小部件。事实上,表单本身就是jQueryUI对话框。我正在寻找一种方法,使表单在只剩下一个选项时自动接受自动完成选项 举例说明。假设用户输入“c”,则自动完成小部件建议使用“cat”和“closer”。当用户输入“a”时,小部件应自动将“cat”放入输入字段并自动关闭。您必须管理一个事件。 正如我在书中看到的,你必须触发变化: $( ".selector" ).autocomplete({ change: functi

我有一个带有文本输入字段的web表单,它通过jQueryUI附加了自动完成小部件。事实上,表单本身就是jQueryUI对话框。我正在寻找一种方法,使表单在只剩下一个选项时自动接受自动完成选项


举例说明。假设用户输入“c”,则自动完成小部件建议使用“cat”和“closer”。当用户输入“a”时,小部件应自动将“cat”放入输入字段并自动关闭。

您必须管理一个事件。 正如我在书中看到的,你必须触发变化:

$( ".selector" ).autocomplete({
  change: function( event, ui ) {}
});
在“更改”中,您可以计算您仍然拥有的选项,如下所示:

var options = $( ".selector" ).autocomplete( "option" );
正如我看到的,你会得到这样的结果:

[{label: 'Option 1'}, {label: 'Option 2'}]
玩一点split和eval,得到尺寸。 然后:


这当然不是一个有效的示例,但它是一种方法。

实际上它不起作用。“更改”事件仅在自动完成小部件模糊时触发。实际上,我需要在用户键入时触发它。好的,做同样的操作,但要使用自定义的“onclick”事件(和函数)。在这个新函数中,获取$('.selector').val()等等。
if (size == 1){
 $(".selector").val(options.value);
}