ページには、検索 (入力) ボックスと、ラベル付きのいくつかのチェックボックスがあります。
アイデアは、人々が変数プロジェクトを入力すると検索され、リスト内の結果が結果に置き換えられるというものです。これはおそらく、リスト全体を失って書き直すことを意味します
これが私が使用しているjsです
var projects = [{
value: "open",
label: "Open",
},{
value: "inprogress",
label: "In Progress",
},{
value: "reopened",
label: "Reopened",
},{
value: "closed",
label: "Closed",
},{
value: "another",
label: "Another Status",
}];
$( "#search" ).autocomplete({
minLength: 0,
source: projects
});
});
ここにHTMLがあります
<form action="#" id="issue-filter">
<input placeholder="Search..." id="search" autocomplete="off" ><span class="icon noloading">More</span></div>
<div id="searcher-status-suggestions" class="aui-list" style="display: block;">
<div tabindex="-1" class="aui-list-scroll">
<ul class="aui-last">
<li><input type="checkbox" tabindex="-1" value="open">Open</li>
<li><input type="checkbox" tabindex="-1" value="inprogress">In Progress</li>
<li><input type="checkbox" tabindex="-1" value="reopened">Re-Opened</li>
<li><input type="checkbox" tabindex="-1" value="inprogress">In Progress</li>
</ul>
</div>
</div>
</form>
jquery ui、jqueryなどをセットアップしました。入力ボックスに入力すると、プロジェクトのリストが表示されます。入力時に ul リストを更新する方法がわかりません。また、最初の 10 件のみが表示される可能性があるため、ul リストにはすべてのプロジェクトが含まれていない可能性があります。
jQueryのドキュメントを見てきましたが、これを実現する最善の方法がわかりません
誰でも助けることができますか?
フィドルの例はこちらhttp://jsfiddle.net/dwhitmarsh/CmYeq/