仅显示表中选定的行，同时使用Javascript隐藏其他行_Javascript

仅显示表中选定的行，同时使用Javascript隐藏其他行

javascript

仅显示表中选定的行，同时使用Javascript隐藏其他行,javascript,Javascript,这是一个房间类型选择。在这里，我想在此选择中选择房间类型。我只想显示从下拉列表中选择的那一行，而其他行应该同时隐藏 <select onChange="onSelect(this)" class="col-Room" name="ACRoom"> <option value="optionAC" >AC-Room</option> <option value="optionNAC">Non AC-Room</option> &l

这是一个房间类型选择。在这里，我想在此选择中选择房间类型。我只想显示从下拉列表中选择的那一行，而其他行应该同时隐藏

<select onChange="onSelect(this)" class="col-Room" name="ACRoom">
  <option value="optionAC" >AC-Room</option>
  <option value="optionNAC">Non AC-Room</option>
</select>


空调房
非空调房间

这是我用于选择的javascript代码。但它不能正常工作。只有第二个选项在“选择”上工作，而第一个选项在“选择”上工作不正常

请帮帮我

<script>     

function onSelect(thisselect) {
  var selected = thisselect.options[thisselect.selectedIndex].value;
  toggleRow(selected);
}

function toggleRow(id) {
  var row = document.getElementById(id);
  if (row.style.display == '') {
    row.style.display = 'none';
  }
  else {
    row.style.display = '';
  }
}

function showRow(id) {
  var row = document.getElementById(id);
  row.style.display = '';
}

function hideRow(id) {
  var row = document.getElementById(id);
  row.style.display = 'none';
}

function hideAll() {
  hideRow('optionAC');
  hideRow('optionNAC');
}

</script>


函数onSelect（此选择）{
所选变量=thisselect.options[thisselect.selectedIndex].value；
切换行（选中）；
}
函数切换行（id）{
var行=document.getElementById（id）；
如果（row.style.display=''）{
row.style.display='none'；
}
否则{
row.style.display=''；
}
}
函数showRow（id）{
var行=document.getElementById（id）；
row.style.display=''；
}
函数hideRow（id）{
var行=document.getElementById（id）；
row.style.display='none'；
}
函数hideAll（）{
希德罗（“optionAC”）；
hideRow（“optionNAC”）；
}

在显示某些特定行时，应隐藏其他行。选择第一个选项时，不会隐藏非AC行。我还建议您使用类名而不是ID，因为表可以有多个ac/非ac行。下面的代码可以帮助您

<!DOCTYPE html>


房间
空调房
非空调房间
空调房
非空调房间
自动控制
非交流
var ac=document.getElementsByClassName（“ac”）；
var nonac=document.getElementsByClassName（“nonac”）；
函数onSelect（此选择）{
所选变量=thisselect.options[thisselect.selectedIndex].value；
切换行（选中）；
}
函数切换行（id）{
如果（id=“ac”）{
showac（）；
}否则{
shownonac（）；
}
}
函数showac（）{
对于（变量i=0；i



在显示某些特定行时，应隐藏其他行。选择第一个选项时，不会隐藏非AC行。我还建议您使用类名而不是ID，因为表可以有多个ac/非ac行。下面的代码可以帮助您
<!DOCTYPE html>






房间
空调房
非空调房间
空调房
非空调房间
自动控制
非交流
var ac=document.getElementsByClassName（“ac”）；
var nonac=document.getElementsByClassName（“nonac”）；
函数onSelect（此选择）{
所选变量=thisselect.options[thisselect.selectedIndex].value；
切换行（选中）；
}
函数切换行（id）{
如果（id=“ac”）{
showac（）；
}否则{
shownonac（）；
}
}
函数showac（）{
对于（变量i=0；i


thanq太多了，但我想了解函数showac（）和shownonac（）使用for循环，它是如何工作的，请描述它。当您在选择选项中选择Ac/非Ac时，我们通过onSelect（）将值传递给toggleRow函数，在那里我们决定是显示Ac房间还是非Ac房间。在一张桌子上，您将有两个或两个以上的空调/非空调房间。因此，在选择ac时，必须隐藏所有非ac行。在
中，我使用classname进行区分，您可以看到我使用变量来获取这些行。在showac（）和shownonac（）函数中，我迭代每一行直到最后一行，以决定是显示还是隐藏。例如，以showac（）为例，首先我迭代所有非ac行以隐藏它，然后显示所有ac行。对于shownonac（），我经常使用viceversa.thanq，但我想了解函数showac（）和shownonac（）使用for循环的情况，请描述它的工作原理。当您在选择选项中选择Ac/Non Ac时，我们通过onSelect（）将值传递给toggleRow函数，然后决定是显示空调房间还是显示非空调房间。在一张桌子上，您将有两个或两个以上的空调/非空调房间。因此，在选择ac时，必须隐藏所有非ac行。在
中，我使用classname进行区分，您可以看到我使用变量来获取这些行。在showac（）和shownonac（）函数中，我迭代每一行直到最后一行，以决定是显示还是隐藏。例如，以showac（）为例，首先我迭代所有非ac行以隐藏它，然后显示所有ac行。对于shownonac（）我做的是viceversa。