自动填充的keyup问题

Question

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

好的问题就是这样，我们有一个输入字段，并使用jquery自动完成。我们也有这个字段的键盘功能。我们的想法是，当用户在此字段中进一步向下键入时，我们会回显他们正在键入的内容。

因此，如果他们要键入apple，则在另一个div中，使用 apple 一词更新。但是，我们还使用jquery api对此输入进行了自动完成。所以问题出现了，就是他们输入：

应用，然后从自动填充苹果中进行选择。密钥只注册了他们输入的字母，因此回应 app 。

我的密钥代码如下：

//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>

所以我的问题是，如何将选定的自动完成值绑定为完全由用户输入？

Answer 1

在某个地方解决此问题以触发自动完成选择回调

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

Answer 2

在dtbaker和designchemical的帮助下，此问题现已解决。

代码原样：

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