西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > php教程 >

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

时间:2016-02-28 00:18来源: 作者: 点击:次
下面的两个文件copy到同一个文件下，通过web路径访问index.html看看吧，这个是通过iframe来实现的连动更新，list.php目前的内容比较简单，你看通过list.php来进行数据库查询，然后显示出查
 
下面的两个文件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>&nbsp; 
<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; 
?> 
(责任编辑：好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容
随机内容
随机模板
CopyRight © 2010-2023 乐道主机 All Rights Reserved.