jquery - jQuery按字符搜索字符串

希望您能提供帮助，

我正在尝试根据输入字段的值创建“简单”自动完成/标记建议功能类型。

示例：用户在输入字段中输入“ hello world”，我想在change上匹配字符，因为它们是针对列表（预先定义）键入的，因此列表可以是<ul>或<select>等等

概率。无需超出前2个或3个字符，实际上，实际上目前只是第一个字符-因此在“ hello world”示例中，列表可能包含“ hello world，hi world，help world，一个world，另一个”世界，因为世界....”

因此，如果我输入h作为输入的第一个字母，我会在<ul>或<select>列表中看到的所有内容-放置在输入字段之后以便可以使用.next()的是“ hello world，hi world，help world”。

同样，如果我键入a，我会看到“一个世界，另一个世界”。我希望清楚吗？概率。在那里找不到任何教程。

提前致谢

最佳答案

从头开始创建这一点都不困难。这是我几周前开始研究的部分解决方案，欢迎您使用它：

标记：

<input type="text" />
<div id="results">
    <ul>
        <li>Cartman</li>
        <li>Snooker</li>
        <li>Star Wars</li>
        <li>Blue Velvet</li>
    </ul>
</div>

$(document).ready(function() {
    $("#results").hide();
    $("input").keyup(function() {
        if (this.value.length) {
            var that = this;
            $("#results li").hide().filter(function() {
                return $(this).html().toLowerCase().indexOf(that.value.toLowerCase()) !== -1;
            }).show();
            $("#results").show();
        } else {
            $("#results").hide();
        }
    });
});

Try it out here.

关于jquery - jQuery按字符搜索字符串，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4602225/

World

jquery - jQuery按字符搜索字符串