JS级联菜单
来源:互联网 发布:删除表数据 truncate 编辑:程序博客网 时间:2024/06/14 08:30
利用js生成级联菜单
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<title>级联下拉列表</title>
</head>
<body>
<div>
<select id="big" onchange="jilian();">
<option value="1">--请选择--</option>
<option value="2">湖南</option>
<option value="3">湖北</option>
</select>
<select name="" id="small">
<option value="-1">--请选择--</option>
</select>
</div>
<script>
var arr1 = new Array("长沙","衡阳"); //定义数组用来存储次级列表信息
var arr2 = new Array("武汉","黄冈");
var prov = document.getElementById('big');
var city = document.getElementById('small');
function jilian(){
city.options.length=0; //清空上次的选项内容
var index=prov.selectedIndex; //获取当前所选标签
if(prov.options[index].value==2){
for(var i = 0; i < 2; i++){
var opt = document.createElement('option'); //创建子标签
opt.text=arr1[i];
opt.value=i;
city.appendChild(opt); //将子标签加入到父标签中
}
}
if(prov.options[index].value==3){
for(var i = 0; i < 2; i++){
var opt = document.createElement('option');
opt.text=arr2[i];
opt.value=i;
city.appendChild(opt);
}
}
}
</script>
</body>
</html>
0 0
- JS三级联菜单
- JS双级联菜单
- js 级联菜单 例子
- js级联菜单--二级
- JS级联菜单
- js省市级联菜单
- js 级联菜单
- js级联菜单
- JS级联菜单
- js 级联下拉菜单
- 级联菜单(三级)JS
- JS实现三级级联菜单
- HTML+JS实现级联菜单
- js写的无限级联菜单源码。。
- js动态的级联二级菜单
- 用Js简单实现省市区级联菜单
- 用Js简单实现省市区级联菜单
- JS自动生成三级级联菜单
- 递推最小二乘辨识平面双机械臂Matlab代码
- hdu 5009 Paint Pearls(DP+链表优化)
- 列类型
- 父进程是init一定不会变僵尸进程吗?
- 分类(Classification):Probability Generative Model
- JS级联菜单
- CentOS 配置LAMP(Apache+MySQL+PHP)环境,并配置phpmyadmin
- 题目1113:二叉树 九度OJ
- 自定义控件(31)---贝塞尔曲线
- JSP四大作用域和跳转、重定向
- Servlet实现文件下载详解与实例
- 漫步数理统计十四——重要的不等式
- 命令行参数
- leetcode AddTwoNumbers 题解