jquery - 如何使用隐藏字段通过 ID/值对使用 jquery 自动完成

Question

关于我的问题有几个问题，但不知怎的，没有一个能真正帮助我解决它。我对 javascript 不太熟悉，更不用说 jquery了，所以请耐心听我说。

如上所述，我有一个带有 jquery 自动完成功能的文本字段，效果非常好。但我需要一个隐藏字段，其中填充了所选值的相应 ID。表格如下:

<input name="clubname" id="clubname" type="text" />
<input name="clubid" id="clubid" type="hidden" value="" />

对于自动完成，我使用如下数组:{id: 1, value: 'something' }。整个页面是在 php 中从数据库获取数据并写入数组。在自动完成功能中，我添加了重音文本功能。代码如下:

var accentMap = {
    'á': 'a',
    'ä': 'a',
    'à': 'a',
    'â': 'a',
    'ö': 'o',
    'ô': 'o',
    'ó': 'o',
    'ò': 'o',
    'ü': 'u'
};

var normalize = function (term) {
    var ret = '';
    for (var i = 0; i < term.length; i++) {
        ret += accentMap[term.charAt(i)] || term.charAt(i);
    }
    return ret;
};

$().ready(function () {
    $('#clubname').autocomplete({
        source: function (request, response) {
            var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), 'i');
            response($.grep(clubs, function (value) {
                value = value.label || value.value || value;
                return matcher.test(value) || matcher.test(normalize(value));
            }));
        }
    });
});
});

看来我必须使用结果处理程序将 ID 获取到隐藏字段中。但如何准确访问所选值的 ID 我却不清楚。

任何帮助将不胜感激!

Answer 1

希望这个解决方案对您有帮助

$JsonArray =array();
foreach($EmployeeDetailList as $value){
    $Array[label]=$value['user_name'];
    $Array[value]=$value['user_name'];
    $Array[eid]=$value['id']; //Here goes the ID of the employee
    array_push($JsonArray,$Array);
}
$JsonSerialize=json_encode($JsonArray);

<小时/>

这是用于填充 Json 编码数组的服务器端编码

现在下一部分实现 JQuery 部分

$(function() {
var availableTags = <?php echo $JsonSerialize;?>;
$( "#imas" ).autocomplete({
source: availableTags,
select: function(event,ui){
    var userid = ui.item.eid;
    alert(userid); //This will alert the Employee ID . You can use it any where you want 
},
});
});