自动完成 jQuery 直到用户在输入字段外单击才会触发更改

Question

我遇到了 jQuery 自动完成的问题。我正在尝试检索用户使用

从自动完成列表中选择的值

$( ".autocomplete" ).autocomplete({
  change: function( event, ui ) {
      var SelectedValue = $(#autocomplete).val();
    }
});

但是，直到用户在自动完成输入字段外单击时才会调用此方法。我需要在用户从列表中选择一个项目并且该项目出现在自动完成输入字段后立即触发它。

我拥有的代码：

<div>
 <input id="autocomplete" type="text" />
</div>

Jquery代码：

$( function() {

$( "#autocomplete" ).autocomplete({
      source: function( request, response ) {
        $.ajax( {
          url: "items.php",
          dataType: "json",
          data: {
            term: request.term
          },
          success: function( data ) {
          response( data );
          }
        } );
      },
      minLength: 1,
      select: function( event, ui ) {

        $("#autocomplete").val(ui.item.value);
    },

 } );

});

我尝试了以下方法，但没有解决问题。 $("#autocomplete").val(ui.item.value).trigger('change')

如有任何帮助，我们将不胜感激！

Answer 1

您只需像这样捕获 select 事件：

$("#autocomplete").autocomplete({
    select: function (event, ui) {
        var SelectedValue = ui.item.value;
    }
});

无需执行 $("#autocomplete").val(ui.item.value)...select 事件处理程序会为您完成。

自动完成 jQuery 直到用户在输入字段外单击才会触发更改

Autocomplete jQuery Change is not triggered until the user clicks outside the input field

jquery

jquery-ui

jquery-ui-autocomplete