用php+javascript实现二级级联菜单的制作


Posted in PHP onMay 06, 2008

 

大体思路是这样的:为了不让先前的页面刷新,我用iframe潜入了一个二级子页面,用来读取数据库中的数据,最后把想要的数据传递给父级页面,完成数据的选择和转移。

主要程序代码如下(部分代码有改动,但不影响功能):
父页面reg.html:

<iframe src=”city.php” width=”300″ height=”22″ frameborder=”0″ scrolling=”no”></iframe> <input name=”city” type=”hidden” id=”city” value=”" />

子页面city.php:

<script language=”javascript” type=”text/javascript”>
function goto(n){
this.location.href=”city.php?sh_id=”+n;
}
</script>

<select name=”sh” onchange=”goto(this.value)”>
<option>请选择所在省市</option>
<?php
include_once(”db.php”);
$sql=”select * from province order by sh_id asc”;
$result=mysql_query($sql);
while($row=mysql_fetch_assoc($result)){
?>
<option value=”<? echo $row[”sh_id”];?>” <? if($_GET[”sh_id”]==$row[”sh_id”]){echo 'selected=”selected”‘;}?>><? echo $row[”sh_name”];?></option>
<?php
}
?>
</select>
<select name=”city” onchange=”parent.document.getElementById('city').value=this.value”>
<option>选择你所在的城市</option>
<?php
if(!empty($_GET[”sh_id”])){
//echo “ok”;
$sql=”select * from city where sh_id=”.$_GET[”sh_id”].” order by city_id asc”;
$result=mysql_query($sql);
while($row=mysql_fetch_assoc($result)){
?>
<option value=”<? echo $row[”city_name”];?>”><? echo $row[”city_name”];?></option>
<?php
}
}
?>
</select>

PHP 相关文章推荐
xajax写的留言本
Nov 25 PHP
php str_pad() 将字符串填充成指定长度的字符串
Feb 23 PHP
提高define性能的php扩展hidef的安装和使用
Jun 14 PHP
PHP常用的缓存技术汇总
May 05 PHP
php示例详解Constructor Prototype Pattern 原型模式
Oct 15 PHP
php文件管理基本功能简单操作
Jan 16 PHP
PHP实现的激活用户注册验证邮箱功能示例
Jun 06 PHP
php数组遍历类与用法示例
May 24 PHP
Laravel创建数据库表结构的例子
Oct 09 PHP
在laravel5.2中实现点击用户头像更改头像的方法
Oct 14 PHP
laravel 使用事件系统统计浏览量的实现
Oct 16 PHP
laravel框架中视图的基本使用方法分析
Nov 23 PHP
轻松修复Discuz!数据库
May 03 #PHP
php xfocus防注入资料
Apr 27 #PHP
php SQL防注入代码集合
Apr 25 #PHP
php中文字母数字验证码实现代码
Apr 25 #PHP
Ajax PHP简单入门教程代码
Apr 25 #PHP
PHP开发框架总结收藏
Apr 24 #PHP
php5数字型字符串加解密代码
Apr 24 #PHP
You might like
PHP4中实现动态代理
2006/10/09 PHP
php explode函数实例代码
2012/02/27 PHP
php通过ajax实现双击table修改内容
2014/04/28 PHP
利用PHP绘图函数实现简单验证码功能的方法
2016/10/18 PHP
PHP实现的自定义数组排序函数与排序类示例
2016/11/18 PHP
php图像验证码生成代码
2017/06/08 PHP
PHP正则表达式处理函数(PCRE 函数)实例小结
2019/05/09 PHP
JS宝典学习笔记(下)
2007/01/10 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
js简单实现删除记录时的提示效果
2013/12/05 Javascript
IE下通过a实现location.href 获取referer的值
2014/09/04 Javascript
在Node.js应用中使用Redis的方法简介
2015/06/24 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
2016/01/04 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
angular+bootstrap的双向数据绑定实例
2017/03/03 Javascript
vue之浏览器存储方法封装实例
2018/03/15 Javascript
VUE安装使用教程详解
2019/06/03 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
python实现二叉树的遍历
2017/12/11 Python
Python中的探索性数据分析(功能式)
2017/12/22 Python
python使用Tkinter实现在线音乐播放器
2018/01/30 Python
python 搭建简单的http server,可直接post文件的实例
2019/01/03 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
python验证码图片处理(二值化)
2019/11/01 Python
python 录制系统声音的示例
2020/12/21 Python
基于canvas使用贝塞尔曲线平滑拟合折线段的方法
2018/01/10 HTML / CSS
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
护理学毕业生求职信
2013/11/14 职场文书
优秀企业获奖感言
2014/02/01 职场文书
支部书记四风问题自我剖析材料
2014/09/29 职场文书
中学生旷课检讨书模板
2014/10/08 职场文书
个人总结与自我评价2015
2015/03/11 职场文书
导游词之重庆渣滓洞
2020/01/08 职场文书
Canvas跟随鼠标炫彩小球的实现
2021/04/11 Javascript
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL