jquery - CSS 突出显示带有搜索建议的选定文本

Question

我只是 css 和 html 的初学者。我想创建一个包含姓名列表的网页，我应该能够从列表中选择姓名(可以是多个)。我想知道是否有一种方法可以突出显示特定文本的背景，而不是在侧面选中一个框。

我还想要一个可以在整个列表中导航的搜索建议。

我有一段搜索特定标签的代码

function Search() {
    var input, filter, form, label, a, i;
    input = document.getElementById("Input");
    filter = input.value.toUpperCase();
    form = document.getElementById("Input");
    label = ul.getElementsByTagName("label");
    for (i = 0; i < li.length; i++) {
        a = label[i].getElementsByTagName("a")[0];
        if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
            label[i].style.display = "";
        } else {
            label[i].style.display = "none";

        }
    }
}

连同这段显示列表的代码

echo "<input type=\"checkbox\" name=\"check_list[]\" value=\"{$row['UserIndex']} class=\"studentUL\"\"><label><a>{$row['LName']}, {$row['FName']}, {$row['Year']}</a></label>";

但是当我搜索时，它显示 this .没有任何搜索，它显示 this

感谢您的帮助:)

Answer 1

我在 Javascript: Change label background color on checkbox 看到了类似的问题回答了你问题的一部分，除了搜索