下面的两个文件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;?>
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索php
, 文件
, list
, 查询
, index
, 下拉
连动
ajax实现级联下拉列表、android实现下拉列表、input 实现下拉列表、js实现下拉列表、excel实现下拉列表,以便于您获取更多的相关知识。