Форум Сайтостроение Веб-строительство

Вопрос по JS

Anarchist
На сайте с 23.07.2008
Offline
185
Anarchist
422

Доброго времени суток.

Скажите, пожалуйста, каким образом можно устроить следующую штуку:

есть форма, в которой есть два радио (radio) и два выпадающих списка(select).

нужно сделать так, чтобы активным был только один из списков. Ну, естественно, зависеть это будет от того, какая из радио выбрана.

то есть структура такая

радио 1 ---- радио 2

вып. список 1 ---- вып. список 2

если я отмечаю первый радио, то активен первый, второй неактивен. если второй, то все наоборот.

malls
На сайте с 08.08.2005
Offline
255
malls
#1

А что такое "неактивен", спрятан что ли? Если да - то что сложного:

<input type="radio" name="101.4FM" onclick="form.list_1.style.visibility='hidden';form.list_2.style.visibility='visible';">

<input type="radio" name="101.4FM" onclick="form.list_2.style.visibility='hidden';form.list_1.style.visibility='visible';">

Anarchist
На сайте с 23.07.2008
Offline
185
Anarchist
#2
malls:
А что такое "неактивен", спрятан что ли?

нет. не спрятан. select должен быть disabled="disabled"

вот кусочек, с которым надо это проделать.

как это тут реализовать?



<table width="290" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><input type="radio" name="sezon" value="zima">Радио 1</td>
    <td><input type="radio" name="sezon" value="leto">Радио 2</td>
  </tr>
  <tr>
    <td>
	
   <select name="select-zima" class="sezon">
    <option value="s1">Значение 1</option>
    <option value="s2">Значение 2</option>
   </select>	
	
	</td>
    <td>
   <select name="select-leto" class="sezon">   
    <option value="v1">Значение 1</option>
    <option value="v2">Значение 2</option>
   </select>
   
	</td>
  </tr>
</table>
viКing
На сайте с 20.03.2008
Offline
124
viКing
#3 


<script type="text/javascript">

function switch1(val){

if(val == "zima"){

	document.getElementById("select-leto").disabled = true;

	document.getElementById("select-zima").disabled = false;

}

else {

	document.getElementById("select-zima").disabled = true;

	document.getElementById("select-leto").disabled = false;

}



}

</script>





<table width="290" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td><input type="radio" name="sezon" value="zima" onClick="switch1(this.value);">Радио 1</td>

    <td><input type="radio" name="sezon" value="leto" onClick="switch1(this.value);">Радио 2</td>

  </tr>

  <tr>

    <td>

	

   <select id="select-zima" class="sezon">

    <option value="s1">Значение 1</option>

    <option value="s2">Значение 2</option>

   </select>	

	

	</td>

    <td>

   <select id="select-leto" class="sezon">   

    <option value="v1">Значение 1</option>

    <option value="v2">Значение 2</option>

   </select>

   

	</td>

  </tr>

</table>

Всё работает, только я для селектов name поменял на id.

Anarchist
На сайте с 23.07.2008
Offline
185
Anarchist
#4

viКing, благодарю. вопрос решен.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий