Поменять параметр display при выборе определенного пункта в select

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<tr>
 <td>
  <select id="ad_raion" moslabel="Текст" mosreq="1" name="ad_raion" onchange="Raioni()">
   <option value="">&nbsp;</option>
   <option value="1">text 1</option>
   ................................................
   <option value="19">text 19</option>
  </select>
 </td>
</tr>
<tr id="tr_ad_raions" style="display: none;">
 <td>
  <select id="ad_raions" moslabel="Тест" name="ad_raions" onchange="Raioni()" style="display: none;">
   <option value="">&nbsp;</option>
   <option value="1">test 1</option>
    ..............................................
   <option value="1">test 9</option>
  </select>
 </td>
</tr>

<tr> <td> <select id="ad_raion" moslabel="Текст" mosreq="1" name="ad_raion" onchange="Raioni()"> <option value="">&nbsp;</option> <option value="1">text 1</option> ................................................ <option value="19">text 19</option> </select> </td> </tr> <tr id="tr_ad_raions" style="display: none;"> <td> <select id="ad_raions" moslabel="Тест" name="ad_raions" onchange="Raioni()" style="display: none;"> <option value="">&nbsp;</option> <option value="1">test 1</option> .............................................. <option value="1">test 9</option> </select> </td> </tr>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

function Raioni(){
 var objSel   = document.getElementById('ad_raion');//обращаемся к select`у предку
 var objSelJr = document.getElementById('ad_raions');//обращемся к select`у потомку
 if(objSel[objSel.selectedIndex].value == 8){ //вслучае если в списке выбран пункт с value=8, изменяем стиль selecta потомка
  document.getElementById('tr_ad_raions').style.display           = '';
  document.getElementById('tr_ad_raions').style.visibility        = '';
  document.getElementById('ad_raions').style.display           = '';
  document.getElementById('ad_raions').style.visibility        = '';
 }else{
  objSelJr[objSelJr.selectedIndex].value = ''; //в select`e потомке ставим указатель на пустую позицию, чтобы в БД не попала значение и скрываем select потомок
  document.getElementById('tr_ad_raions').style.display           = 'none';
  document.getElementById('tr_ad_raions').style.visibility        = 'hiden';
  document.getElementById('ad_raions').style.display              = 'none';
  document.getElementById('ad_raions').style.visibility           = 'hiden';
 }
}

function Raioni(){ var objSel   = document.getElementById('ad_raion');//обращаемся к select`у предку var objSelJr = document.getElementById('ad_raions');//обращемся к select`у потомку if(objSel[objSel.selectedIndex].value == 8){ //вслучае если в списке выбран пункт с value=8, изменяем стиль selecta потомка document.getElementById('tr_ad_raions').style.display           = ''; document.getElementById('tr_ad_raions').style.visibility        = ''; document.getElementById('ad_raions').style.display           = ''; document.getElementById('ad_raions').style.visibility        = ''; }else{ objSelJr[objSelJr.selectedIndex].value = ''; //в select`e потомке ставим указатель на пустую позицию, чтобы в БД не попала значение и скрываем select потомок document.getElementById('tr_ad_raions').style.display           = 'none'; document.getElementById('tr_ad_raions').style.visibility        = 'hiden'; document.getElementById('ad_raions').style.display              = 'none'; document.getElementById('ad_raions').style.visibility           = 'hiden'; } }