Зависимые выпадающие списки

Нашел очень хороший скрипт двух зависимых выпадающих списков, без лишнего кода и подключения различных библиотек, таких как jquery например.

<!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>

<!DOCTYPE html>

<html>

<head>

<title>Untitled</title>

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>

<option value="admins">ADMIN</option>

</select>

</select>

</body>

</html>

Все работает как отлично.

Добавить комментарий Отменить ответ