大体思路是这样的：为了不让先前的页面刷新，我用iframe潜入了一个二级子页面，用来读取数据库中的数据，最后把想要的数据传递给父级页面，完成数据的选择和转移。
主要程序代码如下（部分代码有改动，但不影响功能）：
父页面reg.html：
<iframesrc=”city.php”width=”300″height=”22″frameborder=”0″scrolling=”no”></iframe><inputname=”city”type=”hidden”id=”city”value=”"/>
子页面city.php：
<scriptlanguage=”javascript”type=”text/javascript”>
functiongoto(n){
this.location.href=”city.php?sh_id=”+n;
}
</script>
<selectname=”sh”onchange=”goto(this.value)”>
<option>请选择所在省市</option>
<?php
include_once(”db.php”);
$sql=”select*fromprovinceorderbysh_idasc”;
$result=mysql_query($sql);
while($row=mysql_fetch_assoc($result)){
?>
<optionvalue=”<?echo$row[”sh_id”];?>”<?if($_GET[”sh_id”]==$row[”sh_id”]){echo'selected=”selected”‘;}?>><?echo$row[”sh_name”];?></option>
<?php
}
?>
</select>
<selectname=”city”onchange=”parent.document.getElementById('city').value=this.value”>
<option>选择你所在的城市</option>
<?php
if(!empty($_GET[”sh_id”])){
//echo“ok”;
$sql=”select*fromcitywheresh_id=”.$_GET[”sh_id”].”orderbycity_idasc”;
$result=mysql_query($sql);
while($row=mysql_fetch_assoc($result)){
?>
<optionvalue=”<?echo$row[”city_name”];?>”><?echo$row[”city_name”];?></option>
<?php
}
}
?>
</select>
【用php+javascript实现二级级联菜单的制作】相关文章：