最模板 - 外贸网站建设,外贸网站模板

最模板

当前位置: 首页 > 建站教程 > php教程 >

用PHP实现真正的连动下拉列表

时间:2014-06-09 16:39来源: 作者: 点击:
下面的两个文件copy到同一个文件下,通过web路径访问index.html看看吧,这个是通过iframe来实现的连动更新,list.php目前的内容比较简单,你看通过list.php来进行数据库查询,然后显示出查询的结

下面的两个文件copy到同一个文件下,通过web路径访问index.html看看吧,这个是通过iframe来实现的连动更新,list.php目前的内容比较简单,你看通过list.php来进行数据库查询,然后显示出查询的结果列表。

index.html

  1. <body> 
  2. <form name="myfrm"> 
  3. <select name="mlist" onchange="changes();"> 
  4. <option value="0">请选择...</option> 
  5. <option value="北京">北京</option> 
  6. <option value="通化">通化</option> 
  7. </select>&nbsp; 
  8. <select name="slist"> 
  9. </select> 
  10. <iframe id="frame" src="list.php?city=" style="display:none;"></iframe> 
  11. <script language="javascript"> 
  12. function changes(){ 
  13. frame.location.href = "list.php?city=" document.myfrm.mlist.value; 
  14. </script> 
  15. </form> 
  16. </body> 

list.php

  1. <?php 
  2. $data = array("北京"=>array("小强","旺财","小强他爹"), 
  3. "通化"=>array("小温","小宋","他们儿子"),); 
  4.  
  5. $city = $_GET["city"]; 
  6.  
  7. $result = $data[$city]; 
  8.  
  9. $str = "<script language="javascript">list = parent.document.myfrm.slist;list.length = 0;"
  10.  
  11. if($result==null) 
  12. $str .= "tmp = new Option("......", "");list.options[0] = tmp;"
  13. else 
  14. foreach($result as $i => $value
  15. $str .= "tmp = new Option("{$value}", "{$value}");list.options[$i] = tmp;"
  16. $str .= "</script>"
  17.  
  18. echo $str
  19. ?> 
(责任编辑:admin)
------分隔线----------------------------
栏目列表
推荐内容