Показать сообщение отдельно
  #2 (permalink)  
Старый 10.09.2012, 00:29
Аватар для lord2kim
Профессор
Отправить личное сообщение для lord2kim Посмотреть профиль Найти все сообщения от lord2kim
 
Регистрация: 03.05.2011
Сообщений: 848

zerojava,
<script>
function Selected(a, div) {
    var label = a.value;
    if (label==1) {
        document.getElementById(div+"1").style.display='block';
        document.getElementById(div+"2").style.display='none';
        document.getElementById(div+"3").style.display='none';
        document.getElementById(div+"4").style.display='none';    
    } else if (label==2) {
        document.getElementById(div+"1").style.display='none';
        document.getElementById(div+"2").style.display='block';
        document.getElementById(div+"3").style.display='none';
        document.getElementById(div+"4").style.display='none';    
    } else if (label==3) {
        document.getElementById(div+"1").style.display='none';
        document.getElementById(div+"2").style.display='none';
        document.getElementById(div+"3").style.display='block';
        document.getElementById(div+"4").style.display='none';
    } else if (label==4) {
        document.getElementById(div+"1").style.display='none';
        document.getElementById(div+"2").style.display='none';
        document.getElementById(div+"3").style.display='none';
        document.getElementById(div+"4").style.display='block';       
    } else {
        document.getElementById(div+"1").style.display='none';
        document.getElementById(div+"2").style.display='none';
        document.getElementById(div+"3").style.display='none';
        document.getElementById(div+"4").style.display='none';
    }  
}
</script>
 
<form>
 
<select name="layer" aria-required="true" onChange="Selected(this, 'Label')">
<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</span></div>
<div id='Label2' style='display: none;'><span class="note">layer 2</span></div>
<div id='Label3' style='display: none;'><span class="note">layer 3</span></div>
<div id='Label4' style='display: none;'><span class="note">layer 4</span></div>

<select name="layer2" aria-required="true" onChange="Selected(this, 'div')">
<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='div1' style='display: none;'><span class="note">layer 1</span></div>
<div id='div2' style='display: none;'><span class="note">layer 2</span></div>
<div id='div3' style='display: none;'><span class="note">layer 3</span></div>
<div id='div4' style='display: none;'><span class="note">layer 4</span></div>

</form>

Последний раз редактировалось lord2kim, 10.09.2012 в 00:48.
Ответить с цитированием