下面的两个文件copy到同一个文件下,通过web路径访问index.html看看吧,这个是通过iframe来实现的连动更新,list.php目前的内容比较简单,你看通过list.php来进行数据库查询,然后显示出查询的结果列表。
index.html
- <body>
- <form name="myfrm">
- <select name="mlist" onchange="changes();">
- <option value="0">请选择...</option>
- <option value="北京">北京</option>
- <option value="通化">通化</option>
- </select>
- <select name="slist">
- </select>
- <iframe id="frame" src="list.php?city=" style="display:none;"></iframe>
- <script language="javascript">
- function changes(){
- frame.location.href = "list.php?city=" document.myfrm.mlist.value;
- }
- </script>
- </form>
- </body>
list.php
- <?php
- $data = array("北京"=>array("小强","旺财","小强他爹"),
- "通化"=>array("小温","小宋","他们儿子"),);
-
- $city = $_GET["city"];
-
- $result = $data[$city];
-
- $str = "<script language="javascript">list = parent.document.myfrm.slist;list.length = 0;";
-
- if($result==null)
- $str .= "tmp = new Option("......", "");list.options[0] = tmp;";
- else
- foreach($result as $i => $value)
- $str .= "tmp = new Option("{$value}", "{$value}");list.options[$i] = tmp;";
- $str .= "</script>";
-
- echo $str;
- ?>
|