jquery - 自动完成的keyup问题

Question

我有一些非常简单的代码。

好的，问题就是这样，我们有一个输入字段，并使用 jquery 自动完成。我们也有关于这个字段的keyup 功能。这个想法是，当用户在这个字段中输入时，在页面的下方，我们会回显他们正在输入的内容。

因此，如果他们要输入 apple，则在另一个 div 中，span 会使用单词apple实时更新。然而，我们也在这个输入上使用 jquery api 触发自动完成。所以问题就出现了，那就是他们输入：

应用程序并从自动完成苹果中选择。keyup 只注册了他们键入的字母，因此与app相呼应。

我的keyup代码如下：

//business suburb
$("#suburb").keyup(function() 
{
var suburb=$(this).val();
$(".adburb").html(suburb);
return false;
});

输入 id 是郊区

预览代码如下：

<li class="fixed">Suburb:
  <span class="overBit">
   <span id='title' class="adburb">Your Suburb</span>
  </span>
</li>

所以我的问题是，如何绑定选定的自动完成值，就好像它完全由用户输入一样？

score 1 · Accepted Answer

把它放在某个地方来触发自动完成选择回调

    $( "#suburb" ).on( "autocompleteselect", function( event, ui ) {
      $(".adburb").html($("#suburb").val());
    });

score 1 · Accepted Answer

在dtbaker和designchemical的帮助下，这个问题现在得到了解决。

代码原样：

$("#suburb").autocomplete({
close: function(event, ui) {
    $(".adburb").html($("#suburb").val());
}
});

2 回答 2