通過Jquery Autocomplete中的箭頭鍵導航下拉框時，不更新文本區域中的值

Question

我目前正在使用jQuery Autocomplete，並且正如問題所述，我不想更新通過下拉菜單中的箭頭鍵選擇的文本區域中的值。

例如。 在我的文本區域中，當我鍵入“ user1”時，建議將在下拉列表中過濾，並出現結果。 當我嘗試瀏覽下拉菜單中的不同結果時，鍵入的值將更新為我通過箭頭鍵瀏覽的值。

如您所見，首先我輸入一個單詞“ bala”（左側的圖像），當我嘗試瀏覽列表時，我的文本區域輸入值將更新為在下拉框中導航為“ bala @ yahoo”的值。 com”（圖片在右側）。 我不希望該值得到更新。 僅當我單擊“ Enter”鍵或使用鼠標選擇時，才應更新它。

我只想顯示結果，而不更新在瀏覽不同項目時給出的值。 答案受到高度贊賞。

Answer 1

我認為這是您要尋找的東西：

小提琴的例子

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

   // don't navigate away from the field on tab when selecting an item

   $("#tags").autocomplete({
     source: availableTags,
     focus: function() {
       // prevent value inserted on focus
       // **This is where you should add**
       return false;
     },
   });
 });

您可以從Jquery中找到示例： -jQuery Autocomplete multi-remote

檢查對焦功能。