需要我的下拉菜单显示多个

Need my Dropdown Menu to show multiple <div> elements onChange

本文关键字：显示 下拉菜单 我的      更新时间：2023-09-26
元素onChange。

我是Javascript的新手，有一个关于我正在使用的脚本的查询。

我目前正在显示基于下拉菜单选择使用以下内容:http://jsfiddle.net/mcgarriers/wjLXk/

然而，我想重新调整这个表单，所以如果我选择"show two"选项，它将显示div1 &div2，如果我选择"show three"，它将显示所有div 。

我如何用jsfiddle中的代码实现这一点?

非常感谢您的帮助

我尝试了一下，在mySpecialElements中获得所有子节点表单，然后根据计数显示它们，这可能不是最有效的方法。这应该会帮助你继续前进。

// display a certain element
function showElement(element) {
element.style.display = '';
 //alert(element.id )
var tee = element.id
// var gh = tee.charAt(tee.length-1);  // get the int form id will (fail if GT 9)
var gh = tee.slice(-1);
// if id GT 0 
if(gh  > 0){
   var elms = document.getElementById('mySpecialElements');
  // get all child nodes within mySpecialElements       
  for (var i = 0; i < gh ; i++) {
  // if DIV display elements by id as block
    if(elms.nodeName == "DIV"){ 
  document.getElementById(elms.childNodes[i].id).style.display = "block";
    }
   }
}
}

顺便说一句，你应该把mySpecialElements中的所有标签元素放在一行，否则会出现FF

问题。
 <div id="mySpecialElements"><div id="npup0" class="hidden">one div</div><div id="npup1"     class="hidden">second div</div><div id="npup2" class="hidden">third div</div>

相关文章：