小编Tom*_*rot的帖子

使用纯 JavaScript 过滤带有两个选择元素的元素

我正在努力使用两个选择元素来对我的正方形和圆形进行排序。

每个选择元素单独工作,但不能一起工作。谁能告诉我怎样才能让它正常工作?

请帮忙!

function colorType(){
  var colorBox = document.querySelector('#selectColor');
  var boxValue = colorBox.options[colorBox.selectedIndex].value;
  
  var blue = document.querySelectorAll('.card.blue');
  var red = document.querySelectorAll('.card.red');


  if(boxValue == 'blue'){
    for (var i = 0; i < red.length; i++){
      red[i].classList.add('hidden');
    }
    for (var i = 0; i < blue.length; i++){
      blue[i].classList.remove('hidden');
    }
  }
  
  if(boxValue == 'red'){
    for (var i = 0; i < blue.length; i++){
      blue[i].classList.add('hidden');
    }
    for (var i = 0; i < red.length; i++){
      red[i].classList.remove('hidden');
    }
  }  
}

function shapeType(){
  var shapeBox = document.querySelector('#selectShape'); …
Run Code Online (Sandbox Code Playgroud)

javascript filter

0
推荐指数
1
解决办法
1206
查看次数

标签 统计

filter ×1

javascript ×1