[Java Script] динамический селект

alex196511

есть два поля типа селект..
В первом мы выбираем страны, во втором города.
Как сделать так, что бы во втором селекте список городов соответствовал выбранной в первом стране?

margadon

написать скрипт

qsk78

google спасет тебя. То, что тебе надо, много раз написано и просто так, и включено в состав многих Ajax фрэймворков.
Или вот тебе примеры из книги Ajax in Action.

alex196511

почему работает не правильно

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<script language="JavaScript">

  <!--

 function showregions(country){

  obj = document.getElementById("asd").region;

  coll = obj.options;

  

  for(i=0; i<coll.length; i++){

   if(coll[i].className != country.value){

    coll[i]=null;

   }

  }

        

  document.asd.region.disabled=false;

  document.asd.country.disabled=true;

 }

 

-->

</script>

</HEAD>

<body>

<form id="asd" name="asd" action="#" method="POST">

<select name="country" onchange="showregions(this);">

<option value="0">Выберите</option>

<option value="1">a_sss</option>

<option value="2">b_sad</option>

<option value="3">c_sad</option>

</select>

<select disabled name="region">

<option value="0" class="0">Выберите</option>

<option value="1" class="1">a_sf0</option>

<option value="2" class="1">a_sd1</option>

<option value="3" class="2">b_sd0</option>

<option value="4" class="2">b_sd1</option>

<option value="5" class="2">b_sd2</option>

</select>

</form>

</BODY>

</HTML>

bansek

потому, что при удалении эл-а списка он сдвигает все следующие на позицию вверх => твоя перем. i начинает указывать на послеследующий элемент
правильно вот так:

   if(coll[i].className != country.value){

    coll[i]=null;

    i--;

   }

alex196511

спасибо...

Оставить комментарий