jQueryモバイルを使用してオートコンプリートを作成すると、data-type = 'search'の入力フィールドが作成されることがわかっているため、オートコンプリートを使用するアプリを作成しています。リストからデータを選択した後、 jQueryモバイルサイトで指定された例に従って知っているので、リストを非表示にして選択した値を入力テキストに設定するコードを返しました。問題は、ページでオートコンプリートを1つだけ使用している場合、選択したデータを適切に設定することですが、複数のオートコンプリートを使用している場合は、選択したテキストを入力テキストに設定する方法よりもIDを指定しようとしましたが、 id を指定すると、すべてのオートコンプリート テキスト フィールドに同じ id が設定されます。私が望むのは、jQuery モバイルのオートコンプリートによって作成されたすべての入力フィールドに異なる ID を与えることです。
リストから選択したデータを取得するためのコードは次のとおりです。
$('ul>li').click(function(){
var textval=$(this).text();
$('input[data-type="search"]').val(textval);// this will set the selected data to input field
//hide the serach list after selection is done
$.mobile.activePage.find("[data-role=listview]").children().addClass('ui-screen-hidden'); });