javascript选择框函数:基于选项值的过滤器

javascript选择框函数:基于选项值的过滤器,javascript,jquery,html,Javascript,Jquery,Html,我有一个javascript函数,它将根据一个已经运行的选择框选项值过滤表行,现在我正在尝试实现一个函数,它将根据选择框值+该值之后的任何文本过滤行。顺便说一句,我是javascript的新手 我的选择框代码: <select name="filterdivision" id="filterdivision"> <option selected="selected" value="">Select Division</option&g

我有一个javascript函数,它将根据一个已经运行的选择框选项值过滤表行,现在我正在尝试实现一个函数,它将根据选择框值+该值之后的任何文本过滤行。顺便说一句,我是javascript的新手

我的选择框代码:

        <select name="filterdivision" id="filterdivision">
        <option selected="selected" value="">Select Division</option>
        <option value="Metals and Minerals">Metals and Minerals</option>
        <option value="Industrial">Industrial</option>
        <option value="Rail">Rail</option>
        <option value="Corporate">Corporate</option>
        <option value="GSC">GSC</option>
        </select>

当前功能是过滤分区:例如,它将过滤“金属和矿物”,因此我希望它过滤“金属和矿物+任何东西”

它当前正在过滤,以便类别(松散地)等于选择:

return (item.values().category == selection);
如果您想按除法是否包含所选内容进行筛选,请使用
.includes
字符串方法:

return item.values().division.toLowerCase().includes(selection.toLowerCase());
或者如果您不想测试小写字母的

return item.values().division.includes(selection);

如果您想支持旧浏览器,您可能需要一个polyfill。

var selection=this.value+anythis
@George Bailey这里我所说的“anything”是指它也应该过滤“Metals and Minerals Brazil”和“Metals and Minerals Central”。希望我能说清楚。嗨,我会试试看,这似乎是一个答案,所以我想我是否可以有这样的东西:return item.values().category.includes(selection+a-zcharecters);你能给我一个合适的代码吗?我不明白
.includes
和你指的东西之间的区别。如果需要,您可以返回一个测试,以查看
类别
是否通过基于
选择的正则表达式测试
.return item.values().category.includes(selection);不起作用它清除了所有表行您可能需要先将两者都转换为小写,请参见编辑。能否发布一个代码的实时示例,以便复制此问题?需要了解
userList
的上下文才能了解发生了什么
return item.values().division.toLowerCase().includes(selection.toLowerCase());
return item.values().division.includes(selection);