在jquery自动完成中获取所选项目的索引

Question

我用的是jQuery autocomplete，如下：

从我的 PHP 文件中，我得到了 json 编码的数组 - 一个用于 ids，一个用于名称。

我用名字填充自动完成。在select 函数中，我能够正确提醒 所选项目，但我无法获取所选项目的索引。如何获得？

$(function() {
    $.ajax({
        type: "POST",
        url: "get_data.php",
        success: function(data) {
            data_array = jQuery.parseJSON(data);
            $("#my_autocomplete").autocomplete({
                source: data_array.names,
                select: function(event, ui) {
                    alert(ui.item);
                }
            });

        }
    });
});

Answer 1

示例：http://jsfiddle.net/hY5Wt/

你可以有一个对象数组，而不是两个数组。每个对象都有一个标签和索引：{label:"First", idx:1}。自动完成将使用标签显示，在选择事件时，您可以访问 ui.item.idx 以获取标识符/索引。

$( ".selector" ).autocomplete({
   source: [{label:"First", idx:1},
            {label:"Second", idx:2},
            {label:"Third", idx:3}],
   select: function(event, ui) { alert(ui.item.idx); }
});

您链接到一个自动完成插件，但您的代码看起来像是在使用 jQuery UI。