JQuery 自动完成隐藏字段

Question

我收到了有关问题第一部分的帮助 here不管是谁，我忘了提到我的第二个问题。用户从自动完成字段中选择一个值后，我想将值 ID 填充到隐藏字段中，以便可以将其传递到 PHP 并插入到数据库中。

以下是我想要完成的任务的分割:

1. 用户从自动完成字段中选择地点。
2. 选择 field 后， field 电话、地址和网站将显示在自动填充字段下。数据库中记录的 ID 将作为其值传递给隐藏字段。

我进行了搜索，但一无所获。有人能引导我走向正确的方向吗？

谢谢

Answer 1

我假设您正在使用标准自动完成插件: http://docs.jquery.com/Plugins/Autocomplete

如果你的 html 中有这个:

<input type='text' id='foo' />
<input type='hidden' id='bar' />

您将希望使用它作为您的 JavaScript:

$(document).ready(
function(){
    var data = "1,address 1,phone 1|2,address 2,phone 2".split('|');
    $("#foo").autocomplete(data,{formatItem:function(item){
        return item[0].split(',').slice(1).join(' ');}
    }).result(function(event,item){
        $("#bar").val(item[0].split(',')[0]);
    });
});

你正在做的是这样的:

1. 添加 formatItem 选项 从你的来源中取出id 数据。
2. 添加结果处理程序 使用 id 设置隐藏字段。

请告诉我这是否有帮助。