博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
简单的二级联动实现
阅读量:4600 次
发布时间:2019-06-09

本文共 1893 字,大约阅读时间需要 6 分钟。

<html>

<head>
    <title>简单的Select联动菜单代码</title>
    <script type="text/javascript">
        var arr_province = ["==请选择==", "篮球", "足球", "乒乓球", "其他"];
        var arr_city = [
                ["==请选择=="],
                ["A01", "A02", "A03", "A04", "A05"],
                ["L01", "L02", "L03", "L04", "L05"],
                [],
                [],
                
        ];
        function init() {
            var province = document.form1.province;
            province.style.width = 150 + "px";
            var city = document.form1.city;
            city.style.width = 150 + "px";
            //给province赋值高度,才能在其里面写入内容
            province.length = arr_province.length;
            for (var i = 0; i < arr_province.length; i++) {
                province.options[i].text = arr_province[i];
                province.options[i].value = arr_province[i];
            }
            //设置默认被选中的选项
            var index = 0;
            province.selectedIndex = index;
            //给city赋值高度,才能在其里面写入内容
            city.length = arr_city[index].length;
            for (var j = 0; j < arr_city[index].length; j++) {
                city.options[j].text = arr_city[index][j];
                city.options[j].value = arr_city[index][j];
            }
        }
        function select_change(num) {
            var city = document.form1.city;
            city.length = 0;
            city.length = arr_city[num].length;
            for (var i = 0; i < arr_city[num].length; i++) {
                city.options[i].text = arr_city[num][i];
                city.options[i].value = arr_city[num][i];
            }
        }
    </script>
</head>
<body οnlοad="init()">
    <form name="form1">
        税总:<select name="province" οnchange="select_change(this.selectedIndex)"></select>
        类别:<select name="city"></select>
    </form>
</body>
</html>

 

 

 

 

另一种:

1 
View Code
1 快件类型: 2                          7                       8  9 10  快件状态:11                     12                        13                           20                     
View Code

 

转载于:https://www.cnblogs.com/lzlbk/p/6245313.html

你可能感兴趣的文章
Kafka水位(high watermark)与leader epoch的讨论
查看>>
PHP解决抢购、秒杀、抢楼、抽奖等阻塞式高并发库存防控超量的思路方法
查看>>
洛谷1067 多项式输出 解题报告
查看>>
ACM-ICPC2018焦作网络赛 Participate in E-sports(大数开方)
查看>>
IOS中div contenteditable=true无法输入 fastclick.js在点击一个可输入的div时,ios无法正常唤起输入法键盘...
查看>>
在新的电脑上部署 Hexo,保留原有博客的方法
查看>>
一次性设置网页中所有链接均在新窗口中打开的代码? - 落叶的星空的日志 - 网易博客...
查看>>
Python 深入理解yield
查看>>
Android添加button并响应
查看>>
python05-模块与包
查看>>
Android开源项目分类汇总
查看>>
电商企业运营规划——五年经验总结(转)
查看>>
PHP安全性漫谈
查看>>
Spring.NET学习笔记4——对象的创建(基础篇)
查看>>
Asp.ne与J2EE的比较(Asp.net 部分)
查看>>
oracle 建表时显示ORA-00984: 列在此处不允许
查看>>
正在学习python
查看>>
javascript
查看>>
hdu1018
查看>>
[原]Docker部署SuperMap8.1.1
查看>>