用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 相关文章推荐
phpfans留言版用到的install.php
Jan 04 PHP
php 结果集的分页实现代码
Mar 10 PHP
PHP运行环境配置与开发环境的配置(图文教程)
Jun 04 PHP
php+ajax实现无刷新分页的方法
Nov 04 PHP
php实现购物车功能(下)
Jan 05 PHP
php制作的简单验证码识别代码
Jan 26 PHP
利用PHP自动生成印有用户信息的名片
Aug 01 PHP
PHP获取input输入框中的值去数据库比较显示出来
Nov 16 PHP
基于Codeigniter框架实现的student信息系统站点动态发布功能详解
Mar 23 PHP
Yii输入正确验证码却验证失败的解决方法
Jun 06 PHP
php检查函数必传参数是否存在的实例详解
Aug 28 PHP
phpQuery采集网页实现代码实例
Apr 02 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
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
PHP include任意文件或URL介绍
2014/04/29 PHP
如何使用微信公众平台开发模式实现多客服
2016/01/06 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
如何让DIV可编辑、可拖动示例代码
2013/09/18 Javascript
JavaScript中instanceof运算符的用法总结
2013/11/19 Javascript
取消选中单选框radio的三种方式示例介绍
2013/12/23 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
2014/03/28 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
vue自定义指令实现v-tap插件
2016/11/03 Javascript
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
2017/05/26 Javascript
AngularJS实现进度条功能示例
2017/07/05 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
通过vue提供的keep-alive减少对服务器的请求次数
2018/04/01 Javascript
React Native基础入门之调试React Native应用的一小步
2018/07/02 Javascript
详解angular2.x创建项目入门指令
2018/10/11 Javascript
如何使用puppet替换文件中的string
2018/12/06 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
2019/02/18 Javascript
微信小程序时间戳转日期的详解
2019/04/30 Javascript
JavaScript快速调试的两个技巧
2020/11/04 Javascript
Python列表推导式的使用方法
2013/11/21 Python
实例解析Python设计模式编程之桥接模式的运用
2016/03/02 Python
R语言 vs Python对比:数据分析哪家强?
2017/11/17 Python
Python tkinter事件高级用法实例
2018/01/31 Python
tensorflow中next_batch的具体使用
2018/02/02 Python
TensorFlow深度学习之卷积神经网络CNN
2018/03/09 Python
Jupyter notebook远程访问服务器的方法
2018/05/24 Python
对Python中class和instance以及self的用法详解
2019/06/26 Python
使用pth文件添加Python环境变量方式
2020/05/26 Python
css3打造一款漂亮的卡哇伊按钮
2013/03/20 HTML / CSS
玉兰油美国官网:OLAY美国
2018/10/25 全球购物
内容编辑个人求职信
2013/12/10 职场文书
基层党支部整改方案
2014/10/25 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
SpringDataJPA实体类关系映射配置方式
2021/12/06 Java/Android