支持数据库查询的------连动下拉菜单

/***************************

下面的两个文件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>    
 8<select name="slist">
 9</select>
10<iframe id="frame" src="list.php?city=" style="display:none;"></iframe>
11<script language="javascript">   
12function changes(){   
13frame.location.href = "list.php?city=" + document.myfrm.mlist.value;   
14}   
15</script>
16</form>
17</body>

list.php

1   
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;";

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>

1";   
2  
3echo $str;   

---------------------------------------------------------------

收藏......

谢谢大龄青年 ^_^
---------------------------------------------------------------

哥哥……那个“小温”、“小宋”…………

呵呵
---------------------------------------------------------------

谢谢,收藏了
---------------------------------------------------------------

function GetResult(str)
{
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
oBao.open("POST","Server.php?sel="+str,false);
oBao.send();
BuildSel(oBao.responseText,document.all.sel6)
}

function BuildSel(str,sel)
{
sel.options.length=0;
var arrstr = new Array();
arrstr = str.split(",");
for(var i=0;i<arrstr.length;i++)
{
sel.options[sel.options.length]=new Option(arrstr[i],arrstr[i])
}
}
server.php 里可以接收一个$_GET['str']参数,输出返回一个用 , 分割的字符串就可以了
这个函数可以不刷新页面直接联动

我也是 Q 来的, 大家一起讨论啊
---------------------------------------------------------------

收藏
---------------------------------------------------------------

哈,有意思,很不错哦,感谢楼主的说,好象最近问这个的人挺多的.

Published At
Categories with Web编程
Tagged with
comments powered by Disqus