JQueryオートコンプリート、最初の項目を手動で選択

Question

私はjQueryUIオートコンプリートを使用しています。入力欄に注目するとリストが表示され、リストの最初の要素がテキストと一致するように選択します。誰かが助けることを願っています。返信をお寄せいただきありがとうございます。

私のhtml：

<div class="ui-widget"> 
    <label for="tags">Tags:</label> 
    <input id="tags"/> 
</div> 

私のjavascript：

var availableTags = [ 
    "ActionScript", 
    "AppleScript", 
    "Asp", 
    "BASIC", 
    "C", 
    "C++", 
    "Clojure", 
    "COBOL", 
    "ColdFusion", 
    "Erlang", 
    "Fortran", 
    "Groovy", 
    "Haskell", 
    "Java", 
    "JavaScript", 
    "Lisp", 
    "Perl", 
    "PHP", 
    "Python", 
    "Ruby", 
    "Scala", 
    "Scheme"]; 

$("#tags").val("ja"); 
$("#tags").autocomplete({ 
    source: availableTags, 
    autoFocus: true, 
}).on("focusin", function(event, ui) { 
    $(this).autocomplete("search", $(this).val()); 
}); 

https://jsfiddle.net/wx5a1q5k/3/

おかげ

誰かがそれをb

Answer 1

を助けてくださいあなたはminLengthのプロパティを設定していないので、オートコンプリートプラグインにminLength: 0を設定してください。

$("#tags").autocomplete({ 
    source: availableTags, 
    autoFocus: true, 
    minLength: 0 
}) 

ここでは、作業fiddleです。