程序员人生 网站导航

用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. } 
  15. </script> 
  16. </form> 
  17. </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. ?> 
------分隔线----------------------------

上一篇 WordPress 对象缓存详细介绍和使用

下一篇 搜索与优化不存在免费的午餐[译]

------分隔线----------------------------

最新技术推荐

1Java并发编程的艺术(六)——线程间的通信 2Java并发编程的艺术(三)——volatile 3Node核心模块之Events 4myeclipse源码相关操作 5springMVC源码分析--RequestParamMethodArgumentResolver参数解析器（三） 6Java基本数据类型总结 7java结合testng，利用XML做数据源的数据驱动示例