mysql php无刷新三级联动菜单
发布:smiling 来源: PHP粉丝网 添加日期:2013-12-27 13:23:39 浏览: 评论:0
一款联动菜单,利用了js php mysql实现的无刷新效果,有需要的朋友可以直接下载哦。
- <script language="JavaScript" type="text/">
- function removeOptions(selectObj){
- if (typeof selectObj != 'object'){
- selectObj = document.getElementById(selectObj);
- } // 原有选项计数
- var len = selectObj.options.length;
- for (var i=0; i < len; i++){ // 移除当前选项
- selectObj.options[0] = null;
- }
- }
- function setSelectOption(selectObj, optionList, firstOption, selected) {
- if (typeof selectObj != 'object'){
- selectObj = document.getElementById(selectObj);
- } // 清空选项
- removeOptions(selectObj); // 选项计数
- var start = 0; // 如果需要添加第一个选项
- if (firstOption){
- selectObj.options[0] = new Option(firstOption, ''); // 选项计数从 1 开始
- start ++;
- }
- var len = optionList.length;
- for (var i=0; i < len; i++){ // 设置 option
- selectObj.options[start] = new Option(optionList[i].txt, optionList[i].val); // 选中项
- if(selected == optionList[i].val){
- selectObj.options[start].selected = true;
- } // 计数加 1
- start ++;
- }
- } //-->
- var sidArr = [];
- <?PHP
- $sql="select * from ptypes where sid = 0 and ssid =0";
- $result=mysql_query($sql,$conn) or die("查询数据库出错1");
- while($row=mysql_fetch_object($result))
- {
- $i=0;
- $rs2="";
- $sql2="select * from ptypes where sid='".$row->id."'";
- $result2=mysql_query($sql2,$conn) or die("查询数据出错2");
- while($row2=mysql_fetch_object($result2))
- {
- if ($i==0){
- $t="";
- }else{
- $t=",";
- }
- $rs2.=$t."{txt:'".$row2->title."',val:'".$row2->id."'}n";
- $n=0;
- $rs3="";
- $sql3="select * from ptypes where ssid='".$row2->id."'";
- $result3=mysql_query($sql3,$conn) or die("查询是数据库出错3");
- while($row3=mysql_fetch_object($result3))
- {
- if ($n==0)
- {
- $t1="";
- }else{
- $t1=",";
- }
- $rs3.=$t1."{txt:'".$row3->title."',val:'".$row3->id."'}n";
- $n=1;
- }
- echo("sidArr['".$row2->id."']=[".$rs3."];");
- $i=1;
- }
- echo("sidArr['".$row->id."']=[".$rs2."];");
- }
- ?>
- function setCity(province) {
- removeOptions(document.getElementById('sid'));
- removeOptions(document.getElementById('ssid'));
- setSelectOption('sid', "", '-请选择-');
- setSelectOption('ssid', "", '-请选择-');
- if (!sidArr[province] || sidArr[province]==""){
- document.getElementById('sid').disabled=true;
- document.getElementById('ssid').disabled=true;
- }else{
- document.getElementById('sid').disabled=false;
- document.getElementById('ssid').disabled=false;
- setSelectOption('sid', sidArr[province], '-请选择-');
- }
- }
- function setssid(province) {
- removeOptions(document.getElementById('ssid'));
- setSelectOption('ssid', "", '-请选择-');
- if (!sidArr[province] || sidArr[province]==""){
- document.getElementById('ssid').disabled=true;
- }else{
- document.getElementById('ssid').disabled=false;
- setSelectOption('ssid', sidArr[province], '-请选择-');
- }
- }
- </script>
- <select name="province" id="province" onchange="if(this.value != '') setCity(this.options[this.selectedIndex].value);">
- <option value="">-请选择-</option>
- <?php
- $sql="select * from ptypes where sid=0 and ssid = 0";
- $result=mysql_query($sql,$conn) or die("返回数据记录出错!");
- while($row=mysql_fetch_object($result))
- {
- echo ("<option value='".$row->id."'>".$row->title."</option>");
- }
- ?>
- </select> 一级
- <select name="sid" id="sid" onchange="if(this.value != '') setssid(this.options[this.selectedIndex].value);" >
- <option value="">-请选择-</option>
- </select> 二级
- <select name="ssid" id="ssid">
- <option value="">-请选择-</option>
- </select> 三级
Tags: mysql 刷新 三级 联动菜单
- 上一篇:php目录文件扫描程序
- 下一篇:php随机密码生成程序
相关文章
- ·用PHP连MySQL和Oracle数据库性能比较(2013-11-27)
- ·解决php mysql乱码问题(2013-11-28)
- ·Warning: mysql_fetch_array():(2013-11-28)
- ·MySQL+PHP产生乱码原因分析与解决方法(2013-11-28)
- ·php和mysql中uft-8中文编码乱码的几种解决办法(2013-11-30)
- ·Warning: mysql_fetch_assoc() expects parameter 1 to be resource(2013-12-02)
- ·php无法连接mysql问题(2013-12-03)
- ·PHP连接MySQL数据库中文乱码解决方法(2013-12-03)
- ·phpmyadmin提示无法载入mysqli扩展解决方法(2013-12-03)
- ·修改mysql密码phpmyadmin不能登录(2013-12-03)
- ·无法载入 mysql 扩展 请检查 PHP 配置(2013-12-04)
- ·php写入mysql中文乱码问题解决办法(2013-12-07)
- ·php不支持mysql问题解决方法(2013-12-08)
- ·php+mysql+js实现树形菜单代码(2013-12-11)
- ·php 提示Warning: mysql_fetch_array() expects(2014-01-09)
- ·phpMyAdmin隐藏mysql与information_schema数据库(2014-01-12)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)