1

在一个页面上，我有一个搜索（输入）框，下面有几个带有标签的复选框。

这个想法是当人们键入变量项目时搜索，列表中的结果被替换为结果。这可能意味着丢失整个列表并重新编写它

这是我正在使用的 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 列表。此外，ul 列表可能没有所有项目，因为它可能只显示前 10 个

我已经查看了 jQuery 文档，但不确定实现这一点的最佳方法

任何人都可以帮忙吗？

一个示例小提琴在这里http://jsfiddle.net/dwhitmarsh/CmYeq/

4

0 回答 0