Question

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

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

这是我正在使用的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/

jquery自动完成，复选框删除为搜索

0 个答案: