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

Posted

技术标签:

【中文标题】直到用户在输入字段之外单击才会触发自动完成 jQuery 更改【英文标题】:Autocomplete jQuery Change is not triggered until the user clicks outside the input field 【发布时间】:2019-09-22 11:00:25 【问题描述】:

我遇到了 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')

任何帮助将不胜感激!

【问题讨论】:

【参考方案1】:

您只需要像这样捕获select 事件:

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

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

【讨论】:

以上是关于直到用户在输入字段之外单击才会触发自动完成 jQuery 更改的主要内容,如果未能解决你的问题,请参考以下文章

手动触发 jQuery 自动完成

除了单击按钮之外,如何在 jQuery 中触发模糊?

IE 事件传播与 jQuery 自动完成/jScrollPane 的行为不符

除了单击按钮之外,如何在jQuery中触发模糊?

自动完成时触发的任何事件?

检测用户点击按钮的次数