Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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 自动选择单个匹配jQuery UI自动完成组合框_Javascript_Jquery_Jquery Ui_Combobox_Autocomplete - Fatal编程技术网

Javascript 自动选择单个匹配jQuery UI自动完成组合框

Javascript 自动选择单个匹配jQuery UI自动完成组合框,javascript,jquery,jquery-ui,combobox,autocomplete,Javascript,Jquery,Jquery Ui,Combobox,Autocomplete,我正在使用一个稍微流行的Combobox UI元素,它是一个自定义的jQuery UI自动完成扩展: 我想,如果只有一个匹配项可以选择该匹配项并触发所选事件,那么在“自动完成”组合框中更改这段代码应该是解决方案: _source: function (request, response) { var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");

我正在使用一个稍微流行的Combobox UI元素,它是一个自定义的jQuery UI自动完成扩展:

我想,如果只有一个匹配项可以选择该匹配项并触发所选事件,那么在“自动完成”组合框中更改这段代码应该是解决方案:

    _source: function (request, response) {
                var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
                response(this.element.children("option").map(function () {
                    var text = $(this).text();
                    var value = $(this).val();
                    if (this.value && (!request.term || matcher.test(text)))
                        return {
                            label: text,
                            value: value,
                            option: this
                        };
                }));
            }
我不熟悉jQuery映射函数,虽然我非常熟悉jQuery和vanilla Javascript,但我觉得它的语法并不熟悉,尽管我了解该函数的功能

我想说的是:

if(match.count == 1)
   //fire select event and/or select option in hidden select list

您可以在HTML中使用以下代码:主要道具先生或妈妈,这是一个非常需要的答案!!我诚挚的感谢。
var data = [
  "Apple",
  "Orange",
  "Pineapple",
  "Strawberry",
  "Mango"
];

$(document).ready(function () {
    $( "#fruits" ).autocomplete({
        source: data,
        autoFocus: true,
    });
});