Нашел очень хороший скрипт двух зависимых выпадающих списков, без лишнего кода и подключения различных библиотек, таких как jquery например.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<!DOCTYPE html> <html> <head> <title>Untitled</title> <script> var users = Array('Olya','Vasya'); var admins = Array('Babuin','Org'); function showNames(v){ var mas = eval(v); var el = document.getElementById('names'); while(el.childNodes.length>0){ el.removeChild(el.childNodes[el.childNodes.length-1]); } for(var i=0;i<mas.length;i++){ var opt = document.createElement("option"); opt.innerHTML=mas[i]; el.appendChild(opt); } } </script> </head> <body onload="showNames('admins')"> <select id="level" onchange="showNames(this.value)"> <option value="admins">ADMIN</option> <option value="users">USER</option> </select> <select id="names"> </select> </body> </html> |
Все работает как отлично.