Jquery N级联动 json/xml

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

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

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

bug bind失效

Java代码

$("#"+currentSelect.id).unbind("change");
$("#"+currentSelect.id).live("change", function(){

city.php

Java代码

<?php
$connect = mysql_connect(HOST, USER, PW)or die('Could not connect to mysql server');
mysql_select_db(DB, $connect) or die('Could not select database.');
//设置查询编码，不设查询时易出现乱码
mysql_query('set names utf8;');
$sql = "select cityid,city from `cities` where provinceid=" . $_POST['parentId'];
$result = mysql_query($sql) or die (mysql_error());
$list = array();
if (mysql_num_rows($result) > 0) {
while ($row = mysql_fetch_array($result)) {
$list[] = array('value' => $row['cityid'], 'label' => $row['city']);
}
}
//print_r($list);
echo JSON($list);
mysql_free_result($result);

html

Java代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="LinkedSelect.js"></script>
<script type="text/javascript" charset="utf-8">
var select = new LinkedSelect();
// 调用selct的init()方法，注意，该方法的参数是一个数组，用[]括起来，每个select的定义用{}括起来，多个select定义之间以,分割
select.init([
{
id:"province",
url:"http://localhost/provinces.php",
nullable:false,
defaultValue:'230000' //selected
},
{
id:"city",
url:"http://localhost/city.php",
nullable:false
}
]);
</script>
<select name="province" id="province">
</select>
<select name="city" id="city">
</select>
</html>

时间： 2025-01-21 10:08:29

Jquery N级联动 json/xml的相关文章

jQuery 行级解析读取XML文件（附源码）_jquery

最近在做一个项目,因为页面使用了Cookie,所以要判断用户的浏览器是否支持Cookie,并提示用户如何开启浏览器的Cookie功能.同时,整个项目要配置多语言支持,包括中文.越南语.日语和英语,所以必须有语言配置文件.项目中应用jQuery解析读取XML语言配置文件来实现语言的调度.这是jQuery解析读取XML文件功能的测试源码,现拿出来分享.目录结构: main.css文件代码: 复制代码代码如下: @CHARSET "UTF-8"; * { margin: 0px; padd

JSON+Jquery省市区三级联动_jquery

效果图如下所示: 废话不多说了,直接给大家贴代码了,具体代码如下所示: <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>  <script src="json/CityJson.js" type="text/j

jQuery 中国省市两级联动选择附图_jquery

复制代码代码如下: <!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> <title>省市两级联动选择&l

【分享】纯js的n级联动列表框 —— 基于jQuery，支持下拉列表框和列表框，最重要的是n级，当然还有更重要的

多个列表框联动,不算是啥大问题,但是却挺麻烦,那么怎么才能够尽量方便一点呢?网上搜了一下,没发现太好用的,于是就自己写了一个.基于jQuery,无限级联动,支持下拉列表框和列表框. 先说一下步骤和使用方法: 1.在页面里设置列表框城市:<select name="c5118020" id="ctrl_001" > <option value="-99999">请选择</option><optio

jq、地址联动选择-JQ的3级联动地址选择问题

问题描述 JQ的3级联动地址选择问题已经下载了一个仿JD的地址选择,可是没有第三级的地址,也不知道该怎么添加,源代码在一个location.js里写有一.二级的地址了.网上的方法都是从服务器异步获取的,请问怎么写第三级的地址.如有需要可加我的QQ848062514获取现在已有的代码.急求大神援手这个是哪个定位的JS !function ($) { $.extend({ _jsonp : { scripts : {}, counter : 1, charset : "UTF-8",

简单实用jquery版三级联动select示例

本文主要为大家介绍下通过jquery实现三级联动select这里用到的json文件,只是事例,根据情况添加或编写,感兴趣的朋友可以参考下哈,希望对大家有所帮助 html和js部分复制代码代码如下: <!DOCTYPE html> <html> <head> <meta charset=gbk /> <title>selectList</title> <style type="text/css">

基于jquery实现省市联动特效_jquery

本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考,具体如下: 运行效果图: 具体代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title>  <script src="http://lib.si

jQuery+ajax读取并解析XML文件的方法_jquery

本文实例讲述了jQuery+ajax读取并解析XML文件的方法.分享给大家供大家参考,具体如下: ajax.xml: <?xml version="1.0" encoding="UTF-8"?> <stulist> <student email="1@1.com"> <name>zhangsan</name> <id>1</id> </student>

详谈 Jquery Ajax异步处理Json数据._jquery

所谓的Ajax.这里我们讲二种方法方法一:(微软有自带Ajax框架) 在Asp.net里微软有自己的Ajax框架.就是在页面后台.cs文件里引入 using System.Web.Services 空间然后定义静态方法(方法前加上 [WebMethod]) [WebMethod] public static string ABC(string ABC) { return ABC; } 好了,现在我们谈谈前台Js怎么处理后台返回的数据吧,可利用Jquery处理返回的纯html,json,Xml