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

Question

我对 Javascript 很陌生，对我正在使用的脚本有疑问。

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

但是，我想重新调整此表单，因此如果我选择“显示两个”选项，它将同时显示 div1 和 div1 。 div2，如果我选择“显示三个”，它将显示所有 div。

如何使用 jsfiddle 中的代码实现此目的？

非常感谢您的帮助。

Answer 1

我尝试了一下，获取 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>