javascript - 从其他下拉列表动态填充 html 下拉列表

Question

我有两个下拉列表，第一个是从数据库填充的并且工作正常，第二个下拉列表必须从用户从第一个下拉列表中选择的内容动态填充。例如，我的第一个下拉列表包含许多国家/地区的名称，当用户选择一个国家/地区时，第二个下拉列表将由同一数据库中该国家/地区的城市填充。有人有这方面的例子吗？

这是第一个下拉列表

  <select size="1" name="listeOrg">
        <option value = "0" selected>---Choisir une région---</option>
    <?php
        $link3 = mysql_connect_db();

$query3 = "SELECT nom_region FROM region ";
$result3 = mysql_query($query3, $link3) or die();


while ($row = mysql_fetch_array($result3)) {
echo '<option value="'.$row['nom_region'].'">'.$row['nom_region'].'</option>';
}
 mysql_close($link3);  ?>                                                   
                    </select>  

第二个:

 <?php
        $link4 = mysql_connect_db();
$selectregion=$_POST['listeOrg'];
   $query4 = "SELECT organisme FROM region_organisme where nom_region='$selectregion' ";
  $result4 = mysql_query($query4, $link4) or die();


while ($row2 = mysql_fetch_array($result4)) {
 echo '<option value="'.$row2['nom_region'].'">'.$row2['nom_region'].'</option>';
}
  mysql_close($link4);  ?>  
  <option value="1" >autre

                </select> 

Answer 1

我终于找到了一个带有正确代码的好解决方案。如果有人被堆积在这种情况下，这是教程的链接。

A good explained tutorial with demo