jquery - Chromeのようなオートフィルを使用したjQueryUIオートコンプリート

Question

私はjQueryUIオートコンプリート機能を使用しており、autoFill関数を実装する方法を見つけましたが、GoogleChromeアドレスバーのような機能を探していました。最適なアイテムが自動入力されますが、入力が中断されることはありません。

どんな助けでも大歓迎です。

Answer 1

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

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

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

---

ただし、このプラグインの作成者は、このプラグインは時代遅れであり、jQuery UI オートコンプリートがその後継であると考えていることに注意してください。彼が現在ユーザーに指摘している「移行方法」の投稿では、autofillオプションを持たない合理的な 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`