javascript - jQuery 过滤器通过文本输入选择选项

Question

我有一个选择列表，我想在其中过滤来自文本输入的选项。

我写了这段 jQuery 代码:

$('#NotPublishedSelectFilter').keyup(function () {
    console.log("NotPublishedSelectFilter keyup");
    var filterText = $(this).val();
    console.log("filterText: " + filterText);
    var allOptions = $('#NotPublishedSelect').find('option');
    allOptions.each(function (i, e) {
        console.log(i);
        if (e.text().indexOf(filterText) != -1) {
            e.show();
            console.log("show");
        } else {
            e.hide();
            console.log("hide");
        }
    });
});

但是我收到错误 Uncaught TypeError: e.text is not a function。我进入了每个循环，所以 e 应该有一些选项。

我做错了什么？

Answer 1

您必须使用 jQuery 对象中的当前值才能访问 .text() 方法。尝试:

    $('#NotPublishedSelectFilter').keyup(function () {
        console.log("NotPublishedSelectFilter keyup");
        var filterText = $(this).val();
        console.log("filterText: " + filterText);
        var allOptions = $('#NotPublishedSelect').find('option');
        allOptions.each(function (i, e) {
            console.log(i);
            if ($(this).text().indexOf(filterText) != -1) {
                $(this).show();
                console.log("show");
            } else {
                $(this).hide();
                console.log("hide");
            }
        });
    });