<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript"> function getEara(){
var province=document.getElementById("province").value; if(province=='bj'){
document.getElementById("eara").innerHTML=
"<option>---请选择---</option><option value='dc'>东城区</option><option value='xc'>西城区</option><option value='xw'>宣武区</option><option value='cy'>朝阳区</option>";
}
if(province=='sh'){
document.getElementById("eara").innerHTML=
"<option>---请选择---</option><option value='cn'>长宁区</option><option value='hf'>黄浦区</option><option value='lw'>卢湾区</option><option value='xh'>徐汇区</option>";
}
if(province=='tj'){
document.getElementById("eara").innerHTML=
"<option>---请选择---</option><option value='hp'>和平区</option><option value='hd'>河东区</option><option value='hx'>河西区</option><option value='nk'>南开区</option>";
}
}
function getCity(){
var cityArr=new Array(12); cityArr[0]=new Array("东城区01","东城区02","东城区03","东城区04");
cityArr[1]=new Array("西城区01","西城区02","西城区03","西城区04");
cityArr[2]=new Array("宣武区01","宣武区02","宣武区03","宣武区04");
cityArr[3]=new Array("朝阳区01","朝阳区02","朝阳区03","朝阳区04");
cityArr[4]=new Array("长宁区01","长宁区02","长宁区03","长宁区04");
cityArr[5]=new Array("黄浦区01","黄浦区02","黄浦区03","黄浦区04");
cityArr[6]=new Array("卢湾区01","卢湾区02","卢湾区03","卢湾区04");
cityArr[7]=new Array("徐汇区01","徐汇区02","徐汇区03","徐汇区04");
cityArr[8]=new Array("和平区01","和平区02","和平区03","和平区04");
cityArr[9]=new Array("河东区01","河东区02","河东区03","河东区04");
cityArr[10]=new Array("河西区01","河西区02","河西区03","河西区04");
cityArr[11]=new Array("南开区01","南开区02","南开区03","南开区04");
var eara=document.getElementById("eara").value;
var city=document.getElementById("city"); var j;
if(eara=="dc"){
j=0;
}
if(eara=="xc"){
j=1;
}
if(eara=="xw"){
j=2;
}
if(eara=="cy"){
j=3;
}
if(eara=="cn"){
j=4;
}
if(eara=="hf"){
j=5;
}
if(eara=="lw"){
j=6;
}
if(eara=="xh"){
j=7;
}
if(eara=="hp"){
j=8;
}
if(eara=="hd"){
j=9;
}
if(eara=="hx"){
j=10;
}
if(eara=="nk"){
j=11;
}
city.options.length=1;
for(var i=0;i<cityArr[i].length;i++){ var cityText=document.createTextNode(cityArr[j][i]);
var newNode=document.createElement("option");
newNode.appendChild(cityText);
city.appendChild(newNode); }
}
</script>
</head>
<body>
<div align="center" >
请选择地址
<select id="province" onchange="getEara()">
<option>---请选择---</option>
<option value="bj">北京</option>
<option value="sh">上海</option>
<option value="tj">天津</option>
</select>
<select id="eara" onchange="getCity()">
<option>---请选择---</option>
</select>
<select id="city">
<option>---请选择---</option>
</select>
</div>
</body>
</html>

js三级内联的更多相关文章

  1. JS获取内联样式

    JS获取内联样式 //获取内联样式 function getCss(obj,attr){//obj:对象,name:style属性 if(obj.currentStyle) { return obj. ...

  2. Vue.js style(内联样式)

    Vue.js style(内联样式) 我们可以在 v-bind:style 直接设置样式: <div id="app"> <div v-bind:style=&q ...

  3. js的内联和外部调用

    如上代码(实现轮播图的部分代码),若以内联形式写在html里,就不会出现异常.但是如果放在外部js文件中,并在html的head中调用,就会出现异常(不报错,但是轮播逻辑出现异常). 解决:不使用全局 ...

  4. vue.js中内联样式style三元表达式

    <span v-bind:style="{'display':config.isHaveSearch ? 'block':'none'}" >搜索</span&g ...

  5. Vue.js绑定内联样式

    1.对象语法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  6. 页面上使用 Thymeleaf 的内联js不当造成了 java.lang.StackOverflowError: null 问题

    由于在页面上内联js使用不当,从而在从 Controller 跳转到页面时发生了以下错误: java.lang.StackOverflowError: null at org.thymeleaf.ut ...

  7. js和css内联外联注意事项

    简单说:这两个问题其实是同一个问题,但是网上找了好久也找不到方法,外联的js和css文件里不能有任何HTML的标记注释,一旦有,浏览器就疯了!一去掉就好了!!! 问题:起因是网上看到一个css的表格样 ...

  8. 内联样式自动出现,一般是js控制写入的

    内联样式自动出现,一般是js控制写入的

  9. 初探内联方式的 onload="doSomething()"为何要加"()"?而js代码的 onload="doSomething" 和 addEventListener 为何不加"()"?

    问题引入:在看<Jquery基础教程>第四版的时,P34页有这样一段话 引用函数与调用函数 这里在将函数指定为处理程序时,省略了后面的圆括号,只使用了函数名.如果带着圆括号,函数会被立即调 ...

随机推荐

  1. zookeeper系列(七)zookeeper的序列化及通讯协议

    作者:leesf    掌控之中,才会成功:掌控之外,注定失败.原创地址http://www.cnblogs.com/leesf456/p/6091208.html尊重作者原创,奇文共欣赏,大家共同学 ...

  2. 20191114-3 Beta阶段贡献分配

    此作业要求参见:https://edu.cnblogs.com/campus/nenu/2019fall/homework/10006 要求1 每位组员的贡献分值 贺敬文:10 王志文:9 彭思雨:8 ...

  3. thinkpad T480安装WIN7

    本文转载自http://www.dnxtc.net/zixun/zhuangjijiaocheng/2018-12-01/3256.html 防止忘记 特别把资源集中一下 新买的笔记本预装的WIN10 ...

  4. RF框架自定义测试库开发

    静态库 方法(methods)直接映射为关键字名称.关键字接受和方法相同的参数, 通过抛异常来 报告错误, 通过往标准输出里写入来写 log, 同时可以通过return 来返回结果. 创建步骤: ▲ ...

  5. SprintBoot日志

    yml配置 #logging logging.file: "logs/app.log" logging: level: root: debug file: max-size: 10 ...

  6. 使用 Itext 生成PDF

    一.生成PDF,所需jar包(itext-2.0.8.jar,iTextAsian.jar) 在springboot中只需要引入依赖即可,依赖代码如下: <dependency> < ...

  7. 找出所有从根节点到叶子节点路径和等于n的路径并输出

    //找出所有从根节点到叶子节点路径和等于n的路径并输出 Stack<Node> stack = new Stack<Node>(); public void findPath( ...

  8. flutter searchDelegate搜索页

    使用searchDelegate可以很轻松实现以下页面 import 'package:flutter/material.dart'; typedef SearchItemCall = void Fu ...

  9. DEDECMS 漏洞汇总

    日期:2019-08-08 10:20:28 更新: 作者:Bay0net 介绍: 0x01.组合拳拿 shell 漏洞版本:v5.5 - v5.7 前台任意用户密码重置 首先注册一个账户,账户名为 ...

  10. EUREKA 删除 or 强制下线/上线 实例

    开发环境,EUREKA 注册中心 某服务被注册了多个实例,feign 调用时 服务请求到其他实例上,请求收不到,使用一下命令删除 或者强制下线实例: 1 .DELETE  删除注册实例,但是如果被删除 ...