大体思路是这样的：为了不让先前的页面刷新，我用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>