三级联动第二种方法 三级联动.html

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

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

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

</select>

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

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

</select>

<select id="agency" name="agency">

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

</select>

</body>

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script type="text/javascript" src="js/三级联动数据.js"></script>

<script type="text/javascript">

for(var a in data[0]) {

var province = $("<option value=‘‘></option>");

$("#province").append(province);

province.text(data[0][a]);

province.val(a);

}

var cityKey;

$("select[name=province]").on("change", function(){

$("#city")[0].options.length = 1;

$("#agency")[0].options.length = 1;

cityKey = "0," + $(this).val();

for(var b in data[cityKey]){

var city = $("<option value=‘‘></option>");

$("#city").append(city);

city.text(data[cityKey][b]);

city.val(b);

}

});

$("select[name=city]").on("change", function(){

var agencyKey = cityKey + "," + $(this).val();

for(var c in data[agencyKey]){

var agency = $("<option value=‘‘></option>");

$("#agency").append(agency);

agency.text(data[agencyKey][c]);

agency.val(c);

}

});

</script>

</html>

时间: 2024-10-13 12:49:26

三级联动第二种方法 三级联动.html的相关文章

三级联动第二种方法 三级联动数据.js

var data = { '0':{2:'北京',25:'天津',24:'上海',31:'重庆',130000:'河北省',140000:'山西省',150000:'内蒙古自治区',210000:'辽宁省',220000:'吉林省',230000:'黑龙江省',320000:'江苏省',330000:'浙江省',340000:'安徽省',350000:'福建省',360000:'江西省',370000:'山东省',410000:'河南省',420000:'湖北省',430000:'湖南省',44

iOS 清理缓存功能的实现第二种方法

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 /**  *  清理缓存第二种方法  *  *  @param sender <#sender description#>  */ - (void)clearCache:(id)sender {     //彻底清除

教你关闭AOPR的第二种方法

众所周知,点击AOPR软件界面右上角红色的关闭按钮即可关闭该Office密码破解软件,但是在某些情况下"关闭"可能不可用,此时掌握其他关闭软件的方法十分必要.本文指导关闭Advanced Office Password Recovery的第二种方法. AOPR软件文件菜单中的"退出"命令 一般打开或保存文件时,用户使用Advanced Office Password Recovery文件菜单较为频繁,但是在这项菜单下还隐藏着一项"退出"命令哦,如

ADO.NET开发技巧(5)-第二种方法

第二种用ado.net操作数据的方式是采用DataSet和DataAdapter.它是用Adapter类读取数据在把数据存储在DataSet中.具体代码如下: private void BindData() { string comnStr = @"data source=BLACKERXHUNTER\SQLEXPRESS;initial catalog=StudyUse; integrated security = True;"; using (SqlConnection conn

线程创建的第二种方法

第一种方法是继承并且重写run方法(不推荐使用) 第二种就是有爹的情况,用实现接口的形式拓展功能--实现Runnable接口 Runnable中只有run()方法 今天复习同步线程代码时候卡在一个问题上: class SynThread implements Runnable { run() { } } class Main { public static void main(string [] args) { SynThread syn=new SynThread(); Thread a=ne

SSH 框架打开项目自动执行action的第二种方法

web.xml还是什么不配置 <welcome-file-list> <welcome-file></welcome-file> </welcome-file-list> struts.xml加上这个 <default-action-ref name="index" /> 同时原来的修改为这样 <action name="index" class="index"> <r

Android客户端和服务器端数据交互的第二种方法

网上有很多例子来演示Android客户端和服务器端数据如何实现交互不过这些例子大多比较繁杂,对于初学者来说这是不利的,现在介绍几种代码简单.逻辑清晰的交互例子,本篇博客介绍第二种: 一.服务器端: 代码1:添加名为"AndroidServerServlet.java"的文件 package com.ghj.packageofservlet; import java.io.IOException; import java.io.PrintWriter; import javax.serv

WB AJax 例子2 第二种方法

前台代码不变 , 后台C# 代码需要建一个类  网页显示效果不变 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Data; using System.Data.SqlClient; /// <summary> /// DB 的摘要说明 /// </summary> public class DB { public DB() { //

JS中获取元素的第二种方法

1.静态方法 var oUl = document.getElementById(''); 2.动态方法 document.getElementsByTagName(''); 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标