jquery uiは、クロムのようなオートフィルを使用してオートコンプリートします

Question

jQuery UI Autocomplete機能を使用しています。Autofill関数を実装する方法を見つけましたが、Google Chromeアドレスバーのような機能を探していました。最高のマッチングアイテムが自動充填されていますが、タイピングを中断しません。

どんな助けも感謝しています。

Answer 1

このオプションが組み込まれている古いjQueryオートコンプリートプラグインを見ることをお勧めします。構文は似ていますが、ソースをオプションとして使用する代わりに、この構文で最初のパラメーターとして初期化した代わりに、

$('input.autocomplete').autocomplete(data, {autoFill: true});

data 結果の配列、またはそれを生成するサーバー側のスクリプトを指すURLである必要があります。詳細については、そのドキュメントを参照してください。 http://docs.jquery.com/plugins/autocomplete

---

ただし、このプラグインの著者は、それが時代遅れであると考え、jQuery UIは後継者であると自動化することに注意してください。彼が今ユーザーを指している「移行方法」の投稿で、合理的なjQuery UIがありません autofill オプションが説明されています：

オートフィル： 正当な理由で、すぐに交換できなくなりました。キーボードを介してアイテムを選択する際のデフォルトの動作により、Firefox AwesomeBarが行うように、焦点を当てた値が入力になります。 Autofillオプションが行ったことと同じではありませんが、その効果を再現する必要はないはずです。

Answer 2

$('#FELD').autocomplete( 
      source: "ajax/manager.json.php",
      minLength: 0, 
      change: function(event, ui) {
          found = false;
            $(".ui-autocomplete li").each(function(n, element){
              var retval = $(element).text().toUpperCase();
              var retval2 = $($(this).data()).attr('item.autocomplete');
              if ((found == false ) &&(retval == $("#FELD").val().toUpperCase()) )
              {
                $("#FELD").val(retval);
                $("#FELDID").val(retval2.id);
                found = true;
              }
            });
          if ( found == false) { $("#FELDID").val("-1"); }
      }
  }); `enter code here`