从jqueryui autocomplete组合框中获取选定的值

Question

我正试图从jqueryui autocomplete组合框中获取选定的值.

这是Demo.

我已添加以下代码以获取所选值.但它没有奏效.

$( "#combobox" ).autocomplete({
   select: function(event, ui) { 
       alert($(ui).val());
   }
});

我怎么解决这个问题？

Answer 1

首先,在"正常"自动填充中,您将通过执行操作获得所选项目的值ui.item.value.在你的情况下,这不起作用.也许是因为select函数被覆盖了.

而是警告您的autoCompleteSelect功能中的值.

this._on(this.input, {
    autocompleteselect: function (event, ui) {
        /* THIS IS NEW */
        alert(ui.item.value);
        ui.item.option.selected = true;
        this._trigger("select", event, {
            item: ui.item.option
        });
}

如果你很好奇你可以在这个功能中获得的其他选项,只需console.log(ui)在其中执行操作并打开控制台以查看其他选项.总而言之,您甚至不需要再调用自动完成小部件.

Updated fiddle

Answer 2

这是解决问题的工作小提琴: 工作小提琴

 $( "#combobox" ).combobox({
      select: function( event, ui ) {
      alert(ui.item.value);
      }
      });

只需访问ui中item的value变量,您将获得所选选项的所需值.只需在代码中进行小的更改即可修改.