21,886
社区成员
发帖
与我相关
我的任务
分享支持数据库查询的－－－－－－连动下拉菜单
/***************************
* author : 大龄青年
* email : wenadmin@sina.com
* from: http://blog.csdn.net/hahawen
***************************/
下面的两个文件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>
<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;
?>
* author : 大龄青年
* email : wenadmin@sina.com
* from: http://blog.csdn.net/hahawen
***************************/
下面的两个文件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>
<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;
?>
...全文
请发表友善的回复…
发表回复
lzkd 2004-09-25
- 打赏
- 举报
哈,有意思,很不错哦,感谢楼主的说,好象最近问这个的人挺多的.
bergkamps 2004-09-25
- 打赏
- 举报
收藏
Cain 2004-09-24
- 打赏
- 举报
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 来的， 大家一起讨论啊
{
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 来的， 大家一起讨论啊
mynamesucks 2004-09-24
- 打赏
- 举报
谢谢，收藏了
hahawen 2004-09-24
- 打赏
- 举报
o
loveconan 2004-09-23
- 打赏
- 举报
哥哥……那个“小温”、“小宋”…………
呵呵
呵呵
fzjw 2004-09-23
- 打赏
- 举报
收藏......
谢谢大龄青年 ^_^
谢谢大龄青年 ^_^
