Jquery自动完成-如何将单击事件添加到列表中_Jquery

Jquery自动完成-如何将单击事件添加到列表中

jquery

Jquery自动完成-如何将单击事件添加到列表中,jquery,Jquery,嗨，我正在使用下面的代码填充我的自动完成列表 $('#input').autocomplete({ ajax_get : get_roles}); function get_roles(v,cont,roleName){ var roleName = roleName.value; roleName = roleName.toLowerCase(); $.get('/da/roleautocomplete?

嗨，我正在使用下面的代码填充我的自动完成列表

    $('#input').autocomplete({ ajax_get : get_roles});

    function get_roles(v,cont,roleName){
            var roleName = roleName.value;
            roleName = roleName.toLowerCase();
            $.get('/da/roleautocomplete?roleName='+escape(roleName),{q:v},
                function(obj){
                  var res = [];
                  for(var i=0;i<obj.length;i++){
                    res.push({ id:i , value:obj[i]});
                  }
                  cont(res);
                },
                'json')
        }

但是没有用。有人能帮我解决这个问题吗？

演示：

帮助阅读：（您可以阅读有关可用选项和事件等）

代码：

$( "#search" ).autocomplete({
    source: function( req, resp ) {
        $.post( "/echo/json/", {
            json: '["Rambo", "Foobar", "This", "That", "Batman", "Hulk"]',
            delay: 1
        }, function(data) {
            resp( data );
        }, "JSON" );
    },
    select: function(event, ui) {
        var TABKEY = 9;
        this.value = ui.item.value;

        if (event.keyCode == TABKEY) { 
            event.preventDefault();
            this.value = this.value + " ";
            $('#search').focus();
        }

        return false;
    }
});

演示：

帮助阅读：（您可以阅读有关可用选项和事件等）

代码：

$( "#search" ).autocomplete({
    source: function( req, resp ) {
        $.post( "/echo/json/", {
            json: '["Rambo", "Foobar", "This", "That", "Batman", "Hulk"]',
            delay: 1
        }, function(data) {
            resp( data );
        }, "JSON" );
    },
    select: function(event, ui) {
        var TABKEY = 9;
        this.value = ui.item.value;

        if (event.keyCode == TABKEY) { 
            event.preventDefault();
            this.value = this.value + " ";
            $('#search').focus();
        }

        return false;
    }
});

当我第一次尝试使用

select:function（event，ui）{…}

时，我也遇到了类似的问题，但这绝对是正确的选择

关键是使用

ui.item

获取单击或以其他方式选择的选项。我最初使用的是

事件

，然后是

此

，但是对于单击和按键选择来说，它们是不同的（从一些角度来看，请使用

控制台.log

），因此

ui.item

就是您想要的。自动完成将设置

标签：…，值：…

，因此最有可能使用的是

ui.item.label

和

ui.item.value

我第一次尝试使用

select:function（event，ui）{…}

时遇到了类似的问题，但这肯定是正确的方法