當滾動瀏覽列表時，Jquery自動完成功能不會在搜索框中顯示選定項目

Question

滾動瀏覽選項列表時，突出顯示的值不會顯示在搜索框中。我正在使用jquery-ui 1.10.3版本。 當我通過鍵盤選擇它時它工作正常。

代碼：

_createAutocomplete: function() { 
       var selected = this.element.children(":selected"), 
      selectedvalue = selected.text() 
          ? selected.text() : ""; 

       this.input = $("<input>") 
          .appendTo(this.wrapper) 
          .val(selectedvalue) 
          .attr("title", "") 
          .addClass("custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left") 
          .autocomplete({ 
           minLength: 4, 
           source: $.proxy(this, "_source") 
          }) 
          .tooltip({ 
           tooltipClass: "ui-state-highlight" 
          }); 

       this._on(this.input, { 
        autocompleteselect: function (event, orgselect) { 
         var newvar = this.input.val(); 
         $("#control option").filter(function() { 
          return this.value == newvar; 
         }).attr('selected', true); 
         this.input.val($("#control option:selected").text()); 
        }, 
        autocompletechange: "_removeIfInvalid" 
       }); 

Answer 1

使用jQuery UI的focus功能突出，在輸入框中的值：

$("#demo").autocomplete({ 
    source: texts, 
    focus: function(event, ui) { 
    $("#demo").val(ui.item.label); 
    return false; 
    } 
    });