如何在 Jquery Ui 自动完成中获取所选值的“ID”

Question

我正在使用 JqueryUI 自动完成。在源方法之后我写了选择方法。在那个 ui.item.value 中显示我选择的值的结果，但是 ui.item.id 没有工作它显示 'undefined' 。我如何获得选择值 ID？请在这里找到我的代码http://jsfiddle.net/hari034/R8xGA/

示例代码 URL 返回：

3045:妈妈：孟买^

说明：

3045 : 地点 ID

妈妈：地方代码

孟买：地名。

^ : 全部来自 DB，用“^”隔开

Answer 1

ui.item.id 是 undefined，因为您没有将它添加到自动完成源中的每个 item。您可以通过在 AJAX 调用中调整 succeess 函数来完成此操作：

success: function(data) {

    fromPlacesNamesList = new Array();
    var f = data.split("^");
    for (indx = 0; indx < f.length - 1; indx++) {
        var f1 = f[indx].split(':');
        fromPlacesNamesList[indx] = { label: f1[2], id: f1[0] };
    }
    response(fromPlacesNamesList);
    return false;
} //success

此外，您应该从 for 循环外部调用 response。

更新示例： http://jsfiddle.net/7GBTH/

Answer 2

我已经为您的问题准备了某种解决方案。没有直接的方法可以从自动完成中获取信息（或者至少我不知道）。请在此处找到工作示例：http://jsfiddle.net/R8xGA/3/

基本上，您需要将结果 id 保存在全局数组中，以便稍后在 select 中访问。

希望对你有帮助！

编辑：您基本上需要添加 3 个元素

1. 在for(indx=0;indx<f.length-1;indx++){之前添加阵列重置ids = new Array;
2. 在 for 语句中声明数组，其 ids 以值作为键 ids[f1[2]] = f1[0];
3. 在选择阶段从阵列中获取信息ids[ui.item.value]

PS。如果您有重复的值，此技巧将不起作用。增加对此类用例的支持会很困难。

最好， 马立克