Добрый день !
Есть форма на которой есть связка: выпадающий список, по вы выбору которого динамически создается несколько выпадающих списков. Реализовано вот так:
<script>
function Add(){
var val = document.getElementById('sel').value
var parent = document.getElementById('list');
parent.innerHTML = '';
for(i=0; i<val; i++){
var child = document.createElement('select');
input = parent.appendChild(child);
input.setAttribute('type','text');
input.setAttribute('name','name'+(parent.childNodes.length-1));
}
}
Add();
</script>
<select id="sel" onchange="Add()" name='choice'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
<div id="list"></div>
Как вы видите при выборе из списка значения, рядом создается выбранное количество выпадающих списков.
Дело в том, что таких связок у меня на странице может быть неопределенное количество. Как мне это реализовать ? Не создавать же функции Add1...AddX для каждого элемента?
Как мне в одной функции реализовать ? По идее в функцию должен передаваться параметр id из основного select. Но как это сделать ?
Тогда бы было бы все так
var idw = ID элемента из которого вызвана функция ADD (например, это sel1
var val = document.getElementById(idw).value
ну дальше понятно, что меняется и все остальное в зависимости от значение idw
