如何执行传递 id 而不是名称的 jQuery 自动完成？

Question

我一直在寻找 jQuery UI 自动完成，因为我需要 但问题是我需要传递已完成名称的 id。让我解释一下：

我有一个名称数组：

$names = array(
    array('name' => 'John', id => '1'),
    array('name' => 'Sarah', id => '2'),
    array('name' => 'Josh', id => '3)
);

然后，使用 AJAX，输入将使用该数组的一个名称自动完成，但是当我提交时，我需要 id 而不是名称。我该如何管理？

提前致谢

Answer 1

JQuery UI Autocomplete 控件可以接受搜索结果列表作为一组 Display/Value 对象。

根据记忆，您按以下格式创建一个 Json 对象...

[
    {label:"Display Name for result 1", value:1},
    {label:"Display Name for result 2", value:2},
    {label:"Display Name for result 3", value:3}
]

label 属性包含要显示的文本，值proberty 包含 id。当用户选择搜索结果时可以检查这些值。该控件有一个您可以侦听的 select 事件。

Answer 2

您需要将 id 保存到隐藏字段中。

您可以通过“选择”事件来实现这一点。 http://jqueryui.com/demos/autocomplete/#event-select

此示例显示选择事件 < a href="http://jqueryui.com/demos/autocomplete/#custom-data">http://jqueryui.com/demos/autocomplete/#custom-data

所以想法是做类似的事情这：

        select: function( event, ui ) {
            $( "#project-id" ).val( ui.item.value );
            return false;
        }