Javascript 如何在div中搜索select表单中的文本，并将div的diplay更改为none？

我试图根据下拉选择器中的值隐藏div。它只更改第一个div，而不更改不包含选定值的div。我不确定哪里出了错。这是我的密码

document.getElementById（“SearchFilter”）.onchange=function（）{
var matcher=new RegExp（document.getElementById（“SearchFilter”）.value，“gi”）；
对于（var i=0；i

选择零件类型
皮带
滤器
刀片
为什么这么复杂。。只需使用jQuery
这将隐藏在
mySelectedInput

$('#SearchFilter').on('change', function() {
    allDivs = $('.v-product');       

    $.each(allDivs, function() {
       if($(this).html() == mySelectedInput) {
            $(this).hide();
        } else {
            $(this).show();
        }
    });
});

需要使用其索引和类名设置显示


document.getElementById（“SearchFilter”）.onchange=function（）{
var matcher=new RegExp（document.getElementById（“SearchFilter”）.value，“gi”）；
对于（var i=0；i

选择零件类型
皮带
滤器
刀片
您还没有说明问题所在，也没有给出HTML示例，这会有很大帮助。也就是说，您可能应该在迭代中使用元素的索引设置元素的
display
属性：
document.getElementById（“v-product”）[i].style.display=…
对不起，我更新了我的帖子。谢谢。谢谢你的更新。您需要修复HTML，因为它无效-不能在
a
tag中包含按钮或块级元素。我将getElementById更改为getElementsByClassName，并添加了使用其索引设置显示，从而解决了问题。谢谢