程序员人生 网站导航

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

栏目:php教程时间:2014-05-22 16:21:45

下面的两个文件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. ?> 
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐