Показать сообщение отдельно
  #5 (permalink)  
Старый 12.01.2011, 16:50
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от Anneta
Я хотела скрыть дочерние списки, и при выборе элемента из первого списка
показывать соответствующий связанный список.
Оно?

<!DOCTYPE html>
<html>
<head>
<title> title</title>
<script>
function fn_select_option(el)   {
	var sel = el.options[el.selectedIndex].innerHTML;
	var objSel = document.getElementById(sel);
	var o=document.getElementById('container')
	o=o.getElementsByTagName('select')
	var i
	for (i=0; i<o.length; i++) {
		o[i].style.display='none'
	}
	objSel.style.display='';
}
</script>
</head>
<body>
<form method="post" action="">
<select id="my_select" onchange="fn_select_option(this);" >
    <option value="A">A</option>
	<option value="B">B</option>
</select>
<div id='container'>
	<select id="A"  style="display:none">
	    <option value="1">1 </option>
		<option value="2">2</option>
	</select>
	<select id="B"  style="display:none">
	    <option value="11">11 </option>
		<option value="12">12</option>
	</select>        
</div>
</form>
</body>
</html>
Ответить с цитированием