Jquery N级联动 json/xml

本文涉及的产品
云数据库 RDS MySQL Serverless,0.5-2RCU 50GB
云数据库 RDS MySQL Serverless,价值2615元额度,1个月
简介:

1.能自动带出地址,区号,邮政编码

2.省市区三级联动xml/json

3.附带省市区,区号,邮政编码的MySQL

bug  bind失效

Java代码   收藏代码
  1. $("#"+currentSelect.id).unbind("change");  
  2. $("#"+currentSelect.id).live("change", function(){  

city.php

Java代码   收藏代码
  1. <?php  
  2. $connect = mysql_connect(HOST, USER, PW)or die('Could not connect to mysql server');  
  3. mysql_select_db(DB, $connect) or die('Could not select database.');  
  4. //设置查询编码,不设查询时易出现乱码  
  5. mysql_query('set names utf8;');  
  6. $sql = "select cityid,city from `cities`  where provinceid=" . $_POST['parentId'];  
  7. $result = mysql_query($sql) or die (mysql_error());  
  8.   
  9. $list = array();  
  10. if (mysql_num_rows($result) > 0) {  
  11.     while ($row = mysql_fetch_array($result)) {  
  12.         $list[] = array('value' => $row['cityid'], 'label' => $row['city']);  
  13.     }  
  14. }  
  15. //print_r($list);  
  16. echo JSON($list);  
  17. mysql_free_result($result);   

html

Java代码   收藏代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <html>  
  3. <head>  
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  5.   
  6.     <script type="text/javascript" src="jquery.js"></script>  
  7.     <script type="text/javascript" src="LinkedSelect.js"></script>  
  8.     <script type="text/javascript" charset="utf-8">  
  9.         var select = new LinkedSelect();  
  10.         // 调用selct的init()方法,注意,该方法的参数是一个数组,用[]括起来,每个select的定义用{}括起来,多个select定义之间以,分割  
  11.         select.init([  
  12.             {  
  13.                 id:"province",  
  14.                 url:"http://localhost/provinces.php",  
  15.                 nullable:false,  
  16.                 defaultValue:'230000' //selected  
  17.             },  
  18.             {  
  19.                 id:"city",  
  20.                 url:"http://localhost/city.php",  
  21.                 nullable:false  
  22.             }  
  23.         ]);  
  24.     </script>  
  25.     <select name="province" id="province">  
  26.     </select>  
  27.     <select name="city" id="city">  
  28.     </select>  
  29. </html>  
 
相关实践学习
基于CentOS快速搭建LAMP环境
本教程介绍如何搭建LAMP环境,其中LAMP分别代表Linux、Apache、MySQL和PHP。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
4月前
|
XML 存储 JSON
Python学习 -- 常用数据交换格式(CSV、XML、JSON)
Python学习 -- 常用数据交换格式(CSV、XML、JSON)
31 0
|
4月前
|
XML JSON 数据格式
xml与JSON的区别
xml与JSON的区别
30 1
|
5月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
60 0
|
3月前
|
XML 机器学习/深度学习 JSON
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
30 0
在火狐浏览器调ajax获取json数据时,控制台提示“XML 解析错误:格式不佳”。
|
6天前
|
XML JSON 前端开发
【Web 前端】XML和JSON的区别?
【4月更文挑战第22天】【Web 前端】XML和JSON的区别?
【Web 前端】XML和JSON的区别?
|
10天前
|
XML JSON 中间件
中间件数据格式JSON与XML之间的转换
中间件数据格式JSON与XML之间的转换
22 3
|
27天前
|
XML JSON JavaScript
Java中XML和JSON的比较与应用指南
本文对比了Java中XML和JSON的使用,XML以自我描述性和可扩展性著称,适合结构复杂、需验证的场景,但语法冗长。JSON结构简洁,适用于轻量级数据交换,但不支持命名空间。在Java中,处理XML可使用DOM、SAX解析器或XPath,而JSON可借助GSON、Jackson库。根据需求选择合适格式,注意安全、性能和可读性。
28 0
|
1月前
|
XML JSON 安全
xml与json的区别
xml与json的区别
10 0
|
1月前
|
XML JSON JavaScript
使用JSON和XML:数据交换格式在Java Web开发中的应用
【4月更文挑战第3天】本文比较了JSON和XML在Java Web开发中的应用。JSON是一种轻量级、易读的数据交换格式,适合快速解析和节省空间,常用于API和Web服务。XML则提供更强的灵活性和数据描述能力,适合复杂数据结构。Java有Jackson和Gson等库处理JSON,JAXB和DOM/SAX处理XML。选择格式需根据应用场景和需求。