三级联动显示城市列表

<div class="select">    <select id="prv" ></select>    <select id="city" ></select>    <select id="county" ></select></div>
<script>    var id1=0;    var id2=0;    //对应省份下的地址数据获取    select1();    function select1(){        $.ajax({            url:"/wemall/huigui/area_test.htm",            data:{type:1},            success:function(data){                id1=data[0].areaId;                var html="";                for(var i=0;i<data.length;i++){                    html+="<option id=" + data[i].areaId +">"+data[i].areaName+"</option>";                }                $("#prv").html(html);                select2();            }        })    };

$("#prv").change(function() {        id1=$(this).find("option:checked").attr("id");        select2();    });

$("#city").change(function() {        id2=$(this).find("option:checked").attr("id");        select3();    });

//对应市下的地址数据获取      function select2(){        $.ajax({            url:"/wemall/huigui/area_test.htm",            data:{type:2,parent_id2:id1},            success:function(data){                id2=data[0].areaId;                var html="";                for(var i=0;i<data.length;i++){                    html+="<option id=" + data[i].areaId +">"+data[i].areaName+"</option>";                }                $("#city").html(html);                select3();            }        })    };

//对应县、区下的地址数据获取    function select3(){        $.ajax({            url:"/wemall/huigui/area_test.htm",            data:{type:2,parent_id2:id2},            success:function(data){                var html="";                for(var i=0;i<data.length;i++){                    html+="<option id=" + data[i].areaId +">"+data[i].areaName+"</option>";                }                $("#county").html(html);            }        })    };

</script>
时间: 2024-10-14 04:17:22

三级联动显示城市列表的相关文章

三级联动显示中国省市信息

<!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-

Android 三级联动选择城市+后台服务加载数据库

技术渣,大家将就着看 首先我们需要一个xml数据保存到数据库,这里我从QQ下面找到一个loclist.xml文件 <CountryRegion Name="中国" Code="1"> <State Name="北京" Code="11"> <City Name="东城" Code="1" /> <City Name="西城"

swift3.0 三级联动UIPickerView城市选择器

初学swift没几天,就试着自己写了一个城市选择器,纯swift代码. ViewController.swift文件中: // // ViewController.swift // swift demo - UIPickerView之城市选择器 // // Created by 柯其谱 on 17/3/11. // Copyright ? 2017年 柯其谱. All rights reserved. // import UIKit //MARK: View life cycle class V

Python实现用户交互,显示省市县三级联动的选择

题目:Python实现用户交互,显示省市县三级联动的选择 代码: dic = { "江西": { "萍乡": ["安源", "彭高", "上栗"], "新余": ["良山", "新钢", "兴安岭"], }, "北京": { "大兴区": ["礼贤镇", "魏

购物车和用户交互,显示省市县三级联动的选择

购物车 购物车 功能要求: 要求用户输入总资产,例如:2000 显示商品列表,让用户根据序号选择商品,加入购物车 购买,如果商品总额大于总资产,提示账户余额不足,否则,购买成功. 附加:可充值.某商品移除购物车 asset_all = 0 m1 = input('请输入金额:') mon_all = int(m1) goods = [ {"name": "电脑", "price": 1999}, {"name": "

三级联动,json数据、可设置默认城市

闲来无事,折腾个三级联动,json数据.可设置默认城市.可配置是否显示第三级select <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>省市县三级联动</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script&g

城市三级联动Springmvc+mysql

昨天我做了一个功能,就是一个简单的城市三级联动,现在贴上分享 是采用springmvc+mysql去做的,最后台的东西我就不写了,就是写控制层+HTML+Jquery的部分,以下是控制层 1 //获取省市区 2 @RequestMapping(value="province.do") 3 @ResponseBody 4 public Map<String, Object> province(HttpServletRequest request,HttpServletResp

jquery 城市三级联动

js代码 /*城市三级联动 * @method cityChange * @param allProvince,allCity,allDistrict */ function cityChange(provinceN,cityN,districtN){ var all_province=""; for(var i=0;i<allCity.province.length;i++){ all_province+='<option name="province"

转: javascript实现全国城市三级联动菜单代码

<html> <head> <title>js全国城市三级联动菜单代码_B5教程网</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script LANGUAGE="JavaScript"> function Dsy() { this.Items = {}; } Dsy