Нужно мое выпадающее меню, чтобы показать несколько <div>элементов на изменение

Question

Я очень новичок в Javascript и у меня есть запрос о скрипте, который я использую.

В настоящее время я отображаю контент на основе выбора в раскрывающемся меню, используя следующее: http://jsfiddle.net/mcgarriers/wjLXk/

Однако , я хотел бы перенастроить эту форму, поэтому, если я выберу опцию «Показать два», она отобразит оба div1 и div2 , и если я выберу «Показать три»он отобразит все дивы .

Как мне добиться этого с помощью кода в моем 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>