jquery_ajax_+php_级联列表.doc

最新推荐文章于 2022-04-08 21:31:45 发布
最新推荐文章于 2022-04-08 21:31:45 发布
阅读量303 收藏
点赞数

主页面 jilian.php

 

<?php

/*

 * Created on 2011-9-28

 *

 * To change the template for this generated file go to

 * Window - Preferences - PHPeclipse - PHP - Code Templates

 */

include_once("fun.php");

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

</head>

<script language="JavaScript" type="text/javascript" src="jquery-

1.4.2.js"></script>

<script>

              $(document).ready(function(){

                     $("#country").change(function(){

                            var cid = $("#country").val();

                     $.post("province.php",{id:cid},function(data){

                            //alert(data);

                            $("#province").html(data);

                            $("#city").html("<option value=\"0\">----请选择-

---</option>");

                            $("#county").html("<option value=\"0\">----请选择

----</option>");

                            $("#town").html("<option value=\"0\">----请选择-

---</option>");

                     });

                     });

                     $("#province").change(function(){

                            var pid = $("#province").val();

                     $.post("city.php",{id:pid},function(data){

                            //alert(data);

                            $("#city").html(data);

                            $("#county").html("<option value=\"0\">----请选择

----</option>");

                            $("#town").html("<option value=\"0\">----请选择-

---</option>");

                     });

                     });

                     $("#city").change(function(){

                            var cid = $("#city").val();

                     $.post("county.php",{id:cid},function(data){

                            //alert(data);

                            $("#county").html(data);

                            $("#town").html("<option value=\"0\">----请选择-

---</option>");

                     });

                     });

                     $("#county").change(function(){

                            var xid = $("#county").val();

                     $.post("town.php",{id:xid},function(data){

                            //alert(data);

                            $("#town").html(data);

                     });

                     });

              });

</script>

 

<body>

 

 <!-- <form action="test.php" method="post" > -->

国家

  <select name="country" id="country" >

    <option value="0">----请选择----</option>

    <?php

    $sql="select * from Country";

    $result = mysql_query($sql);

    while($rs = mysql_fetch_array($result)){

?>

       <option value="<?php echo $rs["cid"]; ?>"><?php echo $rs["country"]; ?

></option>

<?php

    }

    ?>

 

  </select>

省份

  <select name="province" id="province" >

    <option value="0">----请选择----</option>

  </select>

城市

<select name="city" id="city" >

    <option value="0">----请选择----</option>

  </select>

 县城

 <select name="county" id="county" >

    <option value="0">----请选择----</option>

  </select>

 城镇

 <select name="town" id="town" >

    <option value="0">----请选择----</option>

  </select>

<!-----

  <input type="submit" name="submit" value="提交"/>

</form>

---->

</body>

</html>

 

 

 

处理页面 province.php

 

 

<?php

/*

 * Created on 2011-9-28

 *

 * To change the template for this generated file go to

 * Window - Preferences - PHPeclipse - PHP - Code Templates

 */

 include_once("fun.php");

 $cid=$_POST["id"];

 //$cid = 1;

 $sql = "select * from Provinces where cid='".$cid."'";

 $res = mysql_query($sql);

 $arr8 = array();

 while($r = mysql_fetch_array($res)){

      $arr8[] = array($r["pid"],$r["province"]);

 }

//print_r($arr8);

       $str = "";

       $str .= "<option value=\"0\">----请选择----</option>";

       for($i=0;$i<count($arr8);$i++){

              $str .="<option value=\"{$arr8[$i][0]}\">{$arr8[$i][1]}

</option>";

       }

 

 

       echo $str;

 

?>

 

 

city.php

 

<?php

/*

 * Created on 2011-9-28

 *

 * To change the template for this generated file go to

 * Window - Preferences - PHPeclipse - PHP - Code Templates

 */

 include_once("fun.php");

 $pid=$_POST["id"];

 //$cid = 1;

 $sql = "select * from City where pid='".$pid."'";

 $res = mysql_query($sql);

 $arr8 = array();

 while($r = mysql_fetch_array($res)){

      $arr8[] = array($r["cid"],$r["city"]);

 }

//print_r($arr8);

       $str = "";

       $str .= "<option value=\"0\">----请选择----</option>";

       for($i=0;$i<count($arr8);$i++){

              $str .="<option value=\"{$arr8[$i][0]}\">{$arr8[$i][1]}

</option>";

       }

 

 

       echo $str;

 

?>

 

county.php

 

<?php

/*

 * Created on 2011-9-28

 *

 * To change the template for this generated file go to

 * Window - Preferences - PHPeclipse - PHP - Code Templates

 */

 include_once("fun.php");

 $cid=$_POST["id"];

 //$cid = 1;

 $sql = "select * from County where cid='".$cid."'";

 $res = mysql_query($sql);

 $arr8 = array();

 while($r = mysql_fetch_array($res)){

      $arr8[] = array($r["xid"],$r["county"]);

 }

//print_r($arr8);

       $str = "";

       $str .= "<option value=\"0\">----请选择----</option>";

       for($i=0;$i<count($arr8);$i++){

              $str .="<option value=\"{$arr8[$i][0]}\">{$arr8[$i][1]}

</option>";

       }

 

 

       echo $str;

 

?>

 

town.php

 

<?php

/*

 * Created on 2011-9-28

 *

 * To change the template for this generated file go to

 * Window - Preferences - PHPeclipse - PHP - Code Templates

 */

 include_once("fun.php");

 $xid=$_POST["id"];

 //$cid = 1;

 $sql = "select * from Town where xid='".$xid."'";

 $res = mysql_query($sql);

 $arr8 = array();

 while($r = mysql_fetch_array($res)){

      $arr8[] = array($r["tid"],$r["town"]);

 }

//print_r($arr8);

       $str = "";

       $str .= "<option value=\"0\">----请选择----</option>";

       for($i=0;$i<count($arr8);$i++){

              $str .="<option value=\"{$arr8[$i][0]}\">{$arr8[$i][1]}

</option>";

       }

 

 

       echo $str;

 

?>

 

数据库连接fun.php

<?php

/*

 * Created on 2011-9-28

 *

 * To change the template for this generated file go to

 * Window - Preferences - PHPeclipse - PHP - Code Templates

 */

  include_once("adodb/adodb.inc.php");

  mysql_connect("localhost", "root", "frotune123") or die("数据库连接失败！");

 mysql_select_db("COUNTRY");

 mysql_query("set names 'utf8' ");

?>

 

 

 

 

 

数据库：数据库名COUNTRY

 

 

/*

Navicat MySQL Data Transfer

 

Source Server         : 192.168.110.12_3306

Source Server Version : 50152

Source Host           : 192.168.110.12:3306

Source Database       : COUNTRY

 

Target Server Type    : MYSQL

Target Server Version : 50152

File Encoding         : 65001

 

Date: 2011-09-29 15:38:27

*/

 

SET FOREIGN_KEY_CHECKS=0;

-- ----------------------------

-- Table structure for `City`

-- ----------------------------

DROP TABLE IF EXISTS `City`;

CREATE TABLE `City` (

  `cid` int(2) NOT NULL AUTO_INCREMENT,

  `pid` int(2) NOT NULL,

  `city` varchar(20) NOT NULL,

  PRIMARY KEY (`cid`)

) ENGINE=MyISAM AUTO_INCREMENT=24 DEFAULT CHARSET=utf8;

 

-- ----------------------------

-- Records of City

-- ----------------------------

INSERT INTO City VALUES ('1', '1', '石家庄');

INSERT INTO City VALUES ('2', '1', '衡水');

INSERT INTO City VALUES ('3', '1', '保定');

INSERT INTO City VALUES ('4', '2', '郑州');

INSERT INTO City VALUES ('5', '2', '洛阳');

INSERT INTO City VALUES ('6', '2', '驻马店');

INSERT INTO City VALUES ('7', '3', '苏州');

INSERT INTO City VALUES ('8', '3', '宿迁');

INSERT INTO City VALUES ('9', '3', '南京');

INSERT INTO City VALUES ('10', '4', '长沙');

INSERT INTO City VALUES ('11', '4', '衡阳');

INSERT INTO City VALUES ('12', '4', '张家界');

INSERT INTO City VALUES ('13', '5', '亚拉巴马州');

INSERT INTO City VALUES ('14', '5', '阿拉斯加州');

INSERT INTO City VALUES ('15', '5', '亚利桑那州');

INSERT INTO City VALUES ('16', '6', '阿肯色州');

INSERT INTO City VALUES ('17', '6', '加利福尼亚州');

INSERT INTO City VALUES ('18', '6', '科罗拉多州');

INSERT INTO City VALUES ('19', '7', '特拉华州');

INSERT INTO City VALUES ('20', '7', '佛罗里达州');

INSERT INTO City VALUES ('21', '8', '温哥华');

INSERT INTO City VALUES ('22', '9', '埃德蒙顿市');

INSERT INTO City VALUES ('23', '10', '瑞吉娜');

 

-- ----------------------------

-- Table structure for `Country`

-- ----------------------------

DROP TABLE IF EXISTS `Country`;

CREATE TABLE `Country` (

  `cid` int(2) NOT NULL AUTO_INCREMENT,

  `country` varchar(20) DEFAULT NULL,

  PRIMARY KEY (`cid`)

) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;

 

-- ----------------------------

-- Records of Country

-- ----------------------------

INSERT INTO Country VALUES ('1', '中国');

INSERT INTO Country VALUES ('2', '美国');

INSERT INTO Country VALUES ('3', '加拿大');

 

-- ----------------------------

-- Table structure for `County`

-- ----------------------------

DROP TABLE IF EXISTS `County`;

CREATE TABLE `County` (

  `xid` int(2) NOT NULL AUTO_INCREMENT,

  `cid` int(2) NOT NULL,

  `county` varchar(20) NOT NULL,

  PRIMARY KEY (`xid`)

) ENGINE=MyISAM AUTO_INCREMENT=24 DEFAULT CHARSET=utf8;

 

-- ----------------------------

-- Records of County

-- ----------------------------

INSERT INTO County VALUES ('1', '1', '正定县');

INSERT INTO County VALUES ('2', '2', '景县');

INSERT INTO County VALUES ('3', '3', '保定的县');

INSERT INTO County VALUES ('4', '4', '郑州的县');

INSERT INTO County VALUES ('5', '5', '洛阳的县');

INSERT INTO County VALUES ('6', '6', '驻马店的县');

INSERT INTO County VALUES ('7', '7', '昆山');

INSERT INTO County VALUES ('8', '8', '宿迁的县');

INSERT INTO County VALUES ('9', '9', '南京的县');

INSERT INTO County VALUES ('10', '10', '长沙的县');

INSERT INTO County VALUES ('11', '11', '衡阳的县');

INSERT INTO County VALUES ('12', '12', '张家界的县');

INSERT INTO County VALUES ('13', '13', '亚拉巴马');

INSERT INTO County VALUES ('14', '14', '阿拉斯加');

INSERT INTO County VALUES ('15', '15', '亚利桑那');

INSERT INTO County VALUES ('16', '16', '阿肯色');

INSERT INTO County VALUES ('17', '17', '加利福尼亚');

INSERT INTO County VALUES ('18', '18', '科罗拉多');

INSERT INTO County VALUES ('19', '19', '特拉华');

INSERT INTO County VALUES ('20', '20', '佛罗里达的县');

INSERT INTO County VALUES ('21', '21', '温哥华的县');

INSERT INTO County VALUES ('22', '22', '埃德蒙顿');

INSERT INTO County VALUES ('23', '23', '瑞吉娜的县');

 

-- ----------------------------

-- Table structure for `Provinces`

-- ----------------------------

DROP TABLE IF EXISTS `Provinces`;

CREATE TABLE `Provinces` (

  `pid` int(2) NOT NULL AUTO_INCREMENT,

  `cid` int(2) NOT NULL,

  `province` varchar(20) NOT NULL,

  PRIMARY KEY (`pid`)

) ENGINE=MyISAM AUTO_INCREMENT=14 DEFAULT CHARSET=utf8;

 

-- ----------------------------

-- Records of Provinces

-- ----------------------------

INSERT INTO Provinces VALUES ('1', '1', '河北');

INSERT INTO Provinces VALUES ('2', '1', '河南');

INSERT INTO Provinces VALUES ('3', '1', '江苏');

INSERT INTO Provinces VALUES ('4', '1', '湖南');

INSERT INTO Provinces VALUES ('5', '2', '新英格兰地区');

INSERT INTO Provinces VALUES ('6', '2', '中央地区');

INSERT INTO Provinces VALUES ('7', '2', '中大西洋地区');

INSERT INTO Provinces VALUES ('8', '3', '不列颠哥伦比亚省');

INSERT INTO Provinces VALUES ('9', '3', '阿尔伯塔省');

INSERT INTO Provinces VALUES ('10', '3', '萨斯喀彻温省');

 

-- ----------------------------

-- Table structure for `Town`

-- ----------------------------

DROP TABLE IF EXISTS `Town`;

CREATE TABLE `Town` (

  `tid` int(2) NOT NULL AUTO_INCREMENT,

  `xid` int(2) NOT NULL,

  `town` varchar(20) NOT NULL,

  PRIMARY KEY (`tid`)

) ENGINE=MyISAM AUTO_INCREMENT=26 DEFAULT CHARSET=utf8;

 

-- ----------------------------

-- Records of Town

-- ----------------------------

INSERT INTO Town VALUES ('1', '1', '正定的镇');

INSERT INTO Town VALUES ('2', '2', '杜桥');

INSERT INTO Town VALUES ('3', '2', '龙华');

INSERT INTO Town VALUES ('4', '3', '保定的镇');

INSERT INTO Town VALUES ('5', '4', '郑州的镇');

INSERT INTO Town VALUES ('6', '5', '洛阳镇');

INSERT INTO Town VALUES ('7', '6', '驻马镇');

INSERT INTO Town VALUES ('8', '7', '花桥');

INSERT INTO Town VALUES ('9', '7', '陆家');

INSERT INTO Town VALUES ('10', '8', '宿迁的镇');

INSERT INTO Town VALUES ('11', '9', '南京的镇');

INSERT INTO Town VALUES ('12', '10', '长沙的镇');

INSERT INTO Town VALUES ('13', '11', '衡阳镇');

INSERT INTO Town VALUES ('14', '12', '张家界镇');

INSERT INTO Town VALUES ('15', '13', '亚拉巴马镇');

INSERT INTO Town VALUES ('16', '14', '阿拉斯加镇');

INSERT INTO Town VALUES ('17', '15', '亚利桑纳镇');

INSERT INTO Town VALUES ('18', '16', '阿肯色镇');

INSERT INTO Town VALUES ('19', '17', '加利福尼亚镇');

INSERT INTO Town VALUES ('20', '18', '科罗拉多镇');

INSERT INTO Town VALUES ('21', '19', '特拉华镇');

INSERT INTO Town VALUES ('22', '20', '佛罗里达镇');

INSERT INTO Town VALUES ('23', '21', '温哥华镇');

INSERT INTO Town VALUES ('24', '22', '埃德蒙顿镇');

INSERT INTO Town VALUES ('25', '23', '瑞吉娜镇');

 

 

 

 

效果图：

chq4217762
关注
240多个jQuery插件.doc
10-29
- **jQuery controlled dependent (or Cascading) Select List**: 实现级联选择框。 - **Multiple Selects**: 多选框插件。 - **Selectbox manipulation**: 操作下拉列表。 - **Select Combo Plugin**: 组合多个选择...
jquery+easyui
07-28
**jQuery + EasyUI 知识点详解** jQuery 和 EasyUI 是两种非常强大的前端开发工具，它们结合使用可以极大地提升Web应用程序...通过阅读提供的“jquery+easyui培训文档.doc”，你将能更深入地了解这些概念和实践技巧。
使用jQuery和Ajax自动填充选择框（select）
Gemini_llw的博客
08-01 8679
前言：大家好，我是一名正在实习的前端实习生，今天在做项目的时候，遇到了一个没有遇到过的问题，就是从后台获取到的数据要自动填充到选择框内，并且选择框是个select级联（一个选择框改变，另一个也会改变，类似在淘宝买东西时的地址选择框）。 类似这种效果： select级联遇到过，但是从后台获取数据处理select级联还是第一次。 找了篇优质的教程给萌新小白们（包括我）。 原址：https://
第12章ajax,第12章 Ajax和Json数据.doc
weixin_39767887的博客
08-06 351
Ajaxの◎ Ajax原理¤ 注册时存在问题¤ 什么是Ajax? 异步的javaScript和Xml? AJAX是一种用来改善用户体验的技术，其实质是，使用XMLHttpRequest独享异步地想服务器放松请求。? 服务器返回部分数据，而不是一个完整的页面，以页面无刷新的效果更改页面中的局部内容。¤ Ajax工作原理¤ 如何获得Ajax对象代码如下function getXhr(){var xhr...
6_PHP AJAX MYSQL
weixin_30515513的博客
10-14 228
XAMPP套装软件： 包含Apache、MySQL、PHP等多个开源软件的集合。 https://www.apachefriends.org/zh_cn/index.html 监听完整相应消息： Wireshark启动——设置监听网卡——浏览器中输入要访问的资源地址，捕获相应消息，查看完整内容 JS和PHP语言的最本质上的区别？ JS属于“静态网页技术”，在客户端浏览器中执行——客户端...
使用dom4j+jquery的一个省份级联市的demo
akwolf
09-29 1168
在客户端与服务器端交互时，通常使用的数据格式有xml和json，网上也溜达了一些，很多都说json更适合用作数据交互的格式。 这个demo是很久以前写的，稍后在贴一个json的简单例子。 在java web开发中，如果使用jdk 中的xml api 进行数据的解析，很是麻烦。
复选框的级联操作
qq_45780458的博客
04-08 387
复选框的级联操作： 选中一个节点后，该节点下的所有子节点均置为选中；选择其他节点后，该节点取消选中，重新选中需要的节点。 以下举个栗子： 以医院管理平台的所挂科室和指定医生为例，数据量较少，因此每个子节点只有一个数据，关键点可以实现。使用SSM框架进行编写，代码不完善，仅作解释。 1.前端页面 1.1 首先给复选框加相应的id和name，此处的οnclick="loadDoctor()"为在选中所挂科室信息后，将加载该科室节点下的子节点的信息------指定医生的姓名，如有需要，可添加其他相关信息。
基于jquery的三级级联菜单
jiang_huatao的专栏
06-22 194
--------- jsp 部分　--------- som用户菜单下拉框级联 /** 初始化 */ $(function(){ chengMenu(0); }) /** 三级菜单的级联　*/ var chengMenu = function(m){ var curMenu = $("#menu" + m)...
中国省份城市级联选择--asp.net +jquery +json +xml
侯永奎
01-20 2921
      以前用.net实现中国省份城市的级联选择，但是ajax是用.net的scripManager和updatePanel来实现的，总感觉有点类似于作弊器的感觉，而且有些朋友似乎对这个。net服务端控件很是反感，所以今天抽个空写了些使用JavaScript类库jquery来请求ajax的城市，实现的效果基本上相同，不想用的话就当是学习喽      首先新建一个页面Index.aspx,代码如下     
Bootstrap框架----多项关联—列表选择
直到世界的尽头
03-28 2729
我们在上一篇文章已经记录了使用标签选择进行多项关联的交互。 Bootstrap框架—-多项关联—标签式选择 本章我们记录第二种交互方式，列表勾选。 效果如图: 我们在之前的文章中已经在SpringMVC基础框架的基础上应用了BootStrap的后台框架，在此基础上记录 列表选择。 应用bootstrap模板 基础项目源码下载地址为: SpringMVC+Shiro+MongoDB...
09_项目二Ⅰ
skping
11-18 1597
0项目二Ⅰ Day01RabbitMq 1.1介绍 消息队列 简称MQ (Message Queue ) , 基于生产消费者模型 ，用于实现应用与应用间的消息传递 实际应用场景 异步处理 应用解耦 流量削峰 消息通知 常见消息协议 JMS java消息服务接口 AMQP 高级消息队列传输协议 MQTT 物联网消息传输协议 中间件的相关产品 activeMQ 基于java实现 JMS rabbitmq 基于erlang实现 AMQP rocketMQ 基于java实现 k
ASP.NET MVC省市县三级级联(JQuery)
07-05
在这个特定的项目中，"省市县三级级联"是指在一个Web应用中实现省、市、县（或区）的三级联动选择功能，这在地址输入或区域划分等场景中非常常见。这个功能的实现通常涉及到前端的交互和后端的数据处理。 前端部分...
jquery easyui的使用说明手册
02-21
jQuery EasyUI 是一款基于 jQuery 的前端框架，它简化了网页用户界面组件的开发，提供了丰富的UI控件，如...通过阅读《jQuery_EasyUI中文教程.doc》，开发者可以更深入地理解和运用这个框架，提升项目的用户体验。
ajax实践相关资料
03-10
3. **应用实例**：文件名如“AJAX级联菜单.doc”和“Ajax级联菜单.pdf”可能包含有关使用Ajax实现级联下拉菜单的教程。级联菜单是一种常见的Ajax应用，用户在选择一个选项时，下一级菜单会根据用户的选择动态加载，...
【python毕业设计】疫情防控下医院人员调动系统源码（完整前后端+mysql+说明文档+LW）.zip
11-18
功能说明： 系统主要包括首页，个人中心，医护人员管理，操作员管理，体温数据管理，隔离治疗管理，轮班调度管理，支援信息管理等功能模块。 环境说明： 开发语言：python Python版本：3.6.8 数据库：mysql 5.7数据库工具：Navicat11开发软件：pycharm
基于springboot的学院教学工作量统计系统源码数据库文档.zip
11-18
基于springboot的学院教学工作量统计系统源码数据库文档.zip
SciPy-1.11.1-cp311-cp311-linux_armv7l.whl
11-18
SciPy-1.11.1-cp311-cp311-linux_armv7l.whl
elasticsearch-analysis-dynamic-synonym 8.16.0
最新发布
11-18
解压之后在elasticsearch的jdk\conf\security\java.policy文件下新增这段，然后重启es就可以使用了 permission java.net.SocketPermission "*", "connect,resolve"; permission java.lang.RuntimePermission "setContextClassLoader"; permission java.lang.RuntimePermission "accessDeclaredMembers"; permission java.lang.RuntimePermission "createClassLoader"; permission java.security.SecurityPermission "putProviderProperty.MySQLScramSha1Sasl"; permission java.security.SecurityPermission "insertProvider";
scipy-1.7.0-cp37-cp37m-linux_armv7l.whl
11-18
scipy-1.7.0-cp37-cp37m-linux_armv7l.whl
利用jQuery+Ajax+JSP+Servlet实现二级联动菜单详解
本篇文章主要介绍了如何使用jQuery、Ajax、JSP和Servlet技术来实现二级级联菜单的功能。作者分享的是他们在实际开发中的实践经验和具体步骤，旨在帮助有一定Java基础的开发者理解和实现这一功能。 首先，我们从HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值