javascript - Jquery 自动完成 : How to get the selected items id?

Question

我有一个运行良好的自动完成字段，并从数据库中获取数据。当用户从响应中选择结果时，我想将所选项目的 ID 保存在隐藏字段中。

这是我用于自动完成的代码

 $jQNetbmis("input#txt_client_name").autocomplete("autosuggest_clientmaster.php", {
        width: 160,
        mustMatch: true,
        selectFirst:false,
        formatResult: function(row) {
            var resStr = row.toString();
            temp = resStr.substring(0,resStr.indexOf("+"));
            return temp;
        },
        formatItem: function(row, i, max) {
            var resStr = row.toString();
            var temp = resStr.substring(0,resStr.indexOf("+"));
            return temp;
        }
     }); 

以下是我按 n 得到的响应

name 1+50
Name 2+85
Name 3+86
Name 4+98
Name 5 +103

如果用户选择名称 1，我想将 50 保存到隐藏字段中。

我正在使用自动完成 - jQuery 插件 1.0.2

克里什尼克

Answer 1

您可以使用result处理程序来执行此操作。您可能希望如何实现此目的的一个示例是:

$('input#txt_client_name').result(function(event, data){
    $('input#hidden_field').val(data.substring(data.indexOf('+') + 1));
});

每次用户选择一个项目时都会运行该处理程序。顺便说一句，您可能想使用 jQuery UI Autocomplete 而不是这个插件，该插件已被弃用。