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

Question

我正在寻找 jQuery UI 自动完成，因为我需要 <input />但问题是我需要传递完整名称的 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。当用户选择搜索结果时可以检查这些值。该控件有一个 <a href="http://jqueryui.com/demos/autocomplete/#event-select" rel="noreferrer noopener nofollow">select</a>您可以监听的事件。