为了账号安全,请及时绑定邮箱和手机立即绑定

三十八章 级联下拉菜单

标签:
PHP

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<script type="text/javascript">
//
var jiaArr = ["请选择","儒 家", "佛 家", "道 家"];
var exampleArr = [
["请选择"],
["孔子", "论语", "三字经"],
["释迦 牟尼", "金刚经", "楞严经"],
["老", "庄子", "北斗经"]
];
window.onload = function () {

        var selJia = document.getElementById("jia");
        //申请空间
        selJia.length = jiaArr.length;
        //添加元素
        for (var i = 0; i < jiaArr.length; i++) {
            selJia.options[i].text = jiaArr[i];
            selJia.options[i].value = jiaArr[i];
        }
    }

    function ChangeExampleSelect(index)
    {
        var selExa = document.getElementById("example");

        selExa.length = exampleArr[index].length;

        for (var i = 0; i < exampleArr[index].length; i++)
        {
            selExa.options[i].text = exampleArr[index][i];
            selExa.options[i].value = exampleArr[index][i];
        }
    }
</script>

</head>
<body>
<select id="jia" onchange="ChangeExampleSelect(this.selectedIndex)">

</select>
<select id="example">

</select>
<td>

<select name="a5">
<option value="gly">管理员</option>
<option value="kg">库管</option>
<option value="xsy">销售员</option>
<option value="cgy">采购员</option>
<option value="cw">财务</option>
<option value="cn">出纳</option>
</select></td>
</body>
</html>

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消