Показать сообщение отдельно
  #1 (permalink)  
Старый 09.09.2012, 23:58
Интересующийся
Отправить личное сообщение для zerojava Посмотреть профиль Найти все сообщения от zerojava
 
Регистрация: 26.05.2011
Сообщений: 20

показать слой при выборе в списке
Всем доброй ночи... Я не владею JavaScript у меня всего лишь есть скрипт который отображает определенный слой <div> при выборе в выпадающем списке соответствующего значения. Все работает, но только для одного списка, подскажите пожалуйста как можно "подкрутить" данный скрипт для нескольких выпадающих списков на странице.

<script>
function Selected(a) {
	var label = a.value;
	if (label==1) {
		document.getElementById("Label1").style.display='block';
		document.getElementById("Label2").style.display='none';
		document.getElementById("Label3").style.display='none';
		document.getElementById("Label4").style.display='none';		
	} else if (label==2) {
		document.getElementById("Label1").style.display='none';
		document.getElementById("Label2").style.display='block';
		document.getElementById("Label3").style.display='none';
		document.getElementById("Label4").style.display='none';		
	} else if (label==3) {
		document.getElementById("Label1").style.display='none';
		document.getElementById("Label2").style.display='none';
		document.getElementById("Label3").style.display='block';
		document.getElementById("Label4").style.display='none';
	} else if (label==4) {
		document.getElementById("Label1").style.display='none';
		document.getElementById("Label2").style.display='none';
		document.getElementById("Label3").style.display='none';
		document.getElementById("Label4").style.display='block';		
	} else {
		document.getElementById("Label1").style.display='none';
		document.getElementById("Label2").style.display='none';
		document.getElementById("Label3").style.display='none';
		document.getElementById("Label4").style.display='none';
	}	
}
</script>

<form> 

<select name="layer" aria-required="true" onChange="Selected(this)">
<option value="0" selected="selected">no layer</option>
<option value="1">layer 1</option>
<option value="2">layer 2</option>
<option value="3">layer 3</option>
<option value="4">layer 4</option>
</select>

<div id='Label1' style='display: none;'><span class="note">layer 1</div>
<div id='Label2' style='display: none;'><span class="note">layer 2</div>
<div id='Label3' style='display: none;'><span class="note">layer 3</div>
<div id='Label4' style='display: none;'><span class="note">layer 4</div>

</form>
Ответить с цитированием