<script type="text/javascript">
//массивы с именами аватарок;
var men=new Array('p1','p2','p3','p4','p5','p6','p7','p8','p9' );
var animals=new Array('a1','a2','a3','a4','a5','a6','a7','a8','a9' );
//функция для добавления аватаров
function add_ava(){
//обхожу выпадающий список в select name=filter;
var selection=document.forms['registration'].elements['filter'].options;
for (var k=0; k<selection.length; k++){
if (selection[k].selected==true){ava_type=selection[k].value;}
}
//проверяю, что выбрано в select name=filter;
switch (ava_type){
case 'people':
for (var i=0;i<men.length; i++){
var ava1=document.createElement('IMG');
ava1.setAttribute('src','images/avatars/'+men[i]+'.gif');
//вставляю img в блок <div id="ava">;
document.getElementById('ava').appendChild(ava1);
//и вот эта функция, с которой проблема;
ava1.onclick= function() {document.forms["registration"].elements["dop"].value=ava1.src;};
}
break;
case 'animals': то же самое, но для другого массива..
</script>
html код:
<form name="registration>
<select name="filter">
<option value="people">Люди</option>
<option value="animal">Животные</option>
</select>
<input type="button" onclick="add_ava();" value="Показать"/>
<input type="hidden" value="" name="dop" />
<div id="ava"></div>
</form>
/////////////
Вот код.
Проблема-то такая. По щелчку на созданные аватарки в input вставляется src последней картинки (images/avatars/p9.gif).
Посоветуйте, как улучшить, изменить этот код.. Не могу понять.
P.S. скрипт удаления потомков приводить здесь не стал, с ним все ок.