如何使用jQuery自动完成获取选定选项

Question

我知道有一个“select”事件，但它不起作用。

这是我的代码：

$("#Asignacion_Movimiento_OrdenCompra").autocomplete(
        "/Asignaciones/ObtenerOrdenesCompra",
        {
            extraParams: { Serial: function () { return $("#Asignacion_Movimiento_Material").val(); } },
            delay: 200,
            select: function (event, ui) {
                alert(this.value + " - " + ui.item.value);
                ObtenerDatosAdicionales();
                return true;
            }
        }
    );

我也尝试添加：

result: function (event, data, formatted) {
                alert(data);
                ObtenerDatosAdicionales();
                return true;
            }

但什么也没发生...

我该如何获取用户选择的项目的值？

谢谢。

- tina

Answer 1

你正在寻找结果。 请查看此处的文档。

就像这样：

$("#Asignacion_Movimiento_OrdenCompra").autocomplete({
 /* your options here*/
}).result(function(event, data, formatted) { // result is a separate function
    alert(data);
});

- Josiah Ruddell

---

我添加了结果处理程序（请参见上面的编辑），但什么也没有发生... - tina

看起来结果不再是一个函数了。我认为替换为select。$( ".selector" ).autocomplete({ select: function( event, ui ) {} }); - Gaʀʀʏ

Answer 2

我知道这个主题有点老，但是在http://www.phpfreaks.com/forums/index.php?topic=324203.0，我找到了一个可行的选择示例:

select: function(event, ui) {
var selectedObj = ui.item;
alert(selectedObj.value); }

- K232

---

看起来你的链接已经失效了，但是答案非常完美！非常感谢！ - icl7126

@klerik：是的，看起来是这样，这就是为什么我也在这里发布了解决方案的原因 :-) - K232

Answer 3

从 jQuery 自动完成中获取所选选项的值

$("#tags").autocomplete({
source: availableTags,
select: function(event, ui) {
         //For better understanding kindly alert the below commented code
         alert(ui.toSource()); 
         var selectedObj = ui.item;
         alert(selectedObj.value);
    }
});

- Vinit Kadkol

Answer 4

完成！

我在我的$(document).ready函数中添加了以下内容：

$('#autocompleteField').result(function (event, data, formatted) {
        alert(data);
});

谢谢！

- tina

---

你应该接受 @Josiah Ruddell 的答案，而不是发布相同的内容。 - Tim Büthe