js实现多级联动

最新推荐文章于 2023-09-23 13:15:52 发布

weixin_30263277

最新推荐文章于 2023-09-23 13:15:52 发布

阅读量354

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hss-blog/p/10030630.html

版权

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<title>dispatchEvent示例用法</title>
<script type="text/javascript">
var provinces = new Array();
provinces["陕西"] = ["西安","咸阳","宝鸡","延安","汉中"];
provinces["台湾"] = ["台北","台中","台南"];
provinces["浙江"] = ["杭州","宁波","绍兴","温州"];
console.log(provinces);

function provinceChange()
{   
    console.log("onChange is triggered.");
    var prov = document.getElementById("province").value;
    var cityObj = document.getElementById("city");
    cityObj.options.length =0;
    for(var i in provinces[prov])
    {
        cityObj.options.add(new Option(provinces[prov][i],provinces[prov][i]));
    }
}
window.onload = function(){
    var provinceObj = document.getElementById("province");
    for(var index in provinces)
    {
        provinceObj.options.add(new Option(index,index));
    }

    var event = document.createEvent('HTMLEvents');
    event.initEvent("change", true, true);
    event.eventType = 'message';
    provinceObj.dispatchEvent(event);
};
</script>
</head>
<body>
省份:<select id="province" οnchange= "provinceChange()"></select>
城市:<select id="city"></select>
</body>
</html>

转载于:https://www.cnblogs.com/hss-blog/p/10030630.html

weixin_30263277

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现多级联动

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="utf-8"><title>dispatchEvent示例用法</title><script type="text/javascrip...
复制链接

扫一扫