jquery - JQuery モバイル オートコンプリート フィールドの選択機能の追加

Question

jquery モバイル アプリケーションでオートコンプリート入力テキスト フィールドが必要なため、以下のコードを使用しています。

http://view.jquerymobile.com/1.3.2/dist/demos/widgets/autocomplete/autocomplete-remote.html

このコードは、リストされた提案からフィールドを選択できるように、このコードに追加する必要がある提案を表示する方法を示しています。入力フィールドに入力されるものを選択すると、

Answer 1

リスト項目にある種の OnClick イベントを追加する必要があります。

そのページで提供されているソース コードでは、リスト アイテムが単純にリスト アイテムとして表示されていることがわかります。

$.each( response, function ( i, val ) {
    html += "<li>" + val + "</li>";
});

したがって、できることは、 -element または -elements に.click()リスナーを追加することです。ulli

例は次のようになります (クリックイベントがどのように機能するかの jsFiddle の例):

 $('li').click(function () {
    alert( $(this).text() );
});

次に、テキストをキャッチして、入力したテキストをドロップダウン リストから取得したテキストに置き換えるだけです。

編集: この関連する質問を試しましたか? https://stackoverflow.com/a/9726264/1513735