JQuery Autocomplete隐藏字段

Question

我在这里问题的第一部分得到了帮助,无论我忘了提到我的第二个问题.用户从自动填充字段中选择一个值后,我想将vaules ID填充到一个隐藏字段中,以便将其传递给PHP并插入到数据库中.

以下是我要完成的细分:

1. 用户从自动填充字段中选择场地.
2. 选择场地后,场地电话,地址和网站将显示在自动填充字段下.数据库中记录的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设置隐藏字段.

如果这有帮助,请告诉我.