Jquery自动建议

Jquery autosuggest

本文关键字:Jquery      更新时间:2023-09-26

我是jquery新手。我使用下面的代码在文本框中显示自动建议。

$().ready(function() {
    function formatItem(row) {
        return row[0] + " (<strong>id: " + row[1] + "</strong>)";
    }
    function formatResult(row) {
        return row[0].replace(/(<.+?>)/gi, '');
    }
    //$("#suggest1").autocomplete(cities);  
    $("#custName").autocomplete(arrNames, {
        multiple: false,
        minChars: 0,
        width: 190,
        matchContains: true,
        autoFill: false,
        mustMatch: true,
        max: 20,                
    }
});
});

我的问题是我想调用一个javascript函数随着arrNames的索引作为参数,当用户从自动建议选择一个名称。请帮帮我。

你可以这样做(使用jQuery ui autocomplete):

$("#custName").autocomplete(
        source: arrNames,
        select: function (event, ui) {
           //Do stuff here
        }     
    }

来自jqueryUI网站:

选择

当从菜单中选择项目时触发;ui。项目指所选项目。select的默认操作是替换文本字段的值与所选项的值。取消这事件会阻止更新值,但不会阻止菜单关闭。

编辑:

似乎你正在使用自动完成插件http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

此插件已弃用…你应该使用jQuery ui autocomplete: http://jqueryui.com/demos/autocomplete/