下拉列表 级联菜单操作(js代码的级联操作)
来源:互联网 发布:chalea高清网络电视 编辑:程序博客网 时间:2024/06/05 01:04
- <script type="text/javascript">
- function selcity(){
- var arr = [["--选择城市--"],["海定区","东城区","西城区","朝阳区"],["济南","青岛","日照","威海"],
- ["长沙","郴州","岳阳","株洲"],["广州","深圳","惠州","东莞"]];
- var index = document.getElementById("selID").selectedIndex;
- var subNode = document.getElementById("subID");
- var citys = arr[index];
- subNode.options.length = 0; //清空之前选项
- for(var x=0;x<citys.length;x++){
- var optNode = document.createElement("option");
- optNode.innerText = citys[x];
- subNode.appendChild(optNode); //选择添加到子选项中
- }
- }
- </script>
- <style type="text/css">
- </style>
- </head>
- <body>
- <select id="selID" onchange="selcity()">
- <option>--选择省市--</option>
- <option>北京</option>
- <option>山东</option>
- <option>湖南</option>
- <option>广东</option>
- </select>
- <select id="subID">
- <option>--选择城市--</option>
- </select>
- </body>
阅读全文
0 0
- 下拉列表 级联菜单操作(js代码的级联操作)
- 下拉列表 级联菜单操作
- 下拉列表级联操作
- js 级联下拉菜单
- JS级联下拉列表
- struts2标签实现下拉列表级联操作
- js技术实现html页面解析xml文档的级联下拉列表操作
- 下拉菜单的级联
- js生成级联下拉列表
- js下拉列表级联案例
- ajax动态下拉框的级联操作
- JS 操作级联
- Javascript级联操作代码
- 级联下拉菜单的实现
- 级联菜单下拉的实现
- 下拉框级联操作问题
- 淘宝页面实现(包括级联菜单,下拉列表,框架)
- 级联下拉列表的实现
- VC++实现视频聊天:VFW视频采集+FFmpeg编码
- 源码怎么找之rest_framework的用户认证
- JavaScript标准对象(笔记)
- maya(学习笔记)之Arnold渲染器
- 最近了解的对python字典的用法(有字典的排序)
- 下拉列表 级联菜单操作(js代码的级联操作)
- Struts2配置
- Linux之Redhat中apache服务器的搭建
- 简单post请求
- 沐枫NOI 2838. 删除单词后缀 string
- springmvc学习之异常处理器
- 基础知识总结-前端面试(一)
- 删除 全选 反选 排序 id show
- hdu 2300 Crashing Robots(模拟)