JavaScript点击事件实现不同的下拉选择框内容

最新推荐文章于 2022-06-10 18:58:35 发布

酷爱码

最新推荐文章于 2022-06-10 18:58:35 发布

阅读量676

点赞数

分类专栏： JavaScript小作业

本文链接：https://blog.csdn.net/huayula/article/details/111876471

版权

JavaScript小作业专栏收录该内容

28 篇文章 5 订阅

订阅专栏

select中初始为空，单击河南按钮时，显示河南省城市信息，单击河北按钮时，显示河北省城市信息：石家庄、保定、承德、邯郸

<body>
<button onclick="henan()">河南</button><button onclick="hebei()">河北</button><br/>
<select width="80px">
    <option></option>
</select>
</body>
<script>
    function henan() {
        var opt=document.querySelector("select")
        opt.innerHTML="<option>郑州</option>"+"<option>开封</option>"+"<option>洛阳</option>"+"<option>南阳</option>"
    }
    function hebei() {
        var opt=document.querySelector("select")
        opt.innerHTML="<option>石家庄</option>"+"<option>保定</option>"+"<option>承德</option>"+"<option>邯郸</option>"
    }
</script>

酷爱码

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript点击事件实现不同的下拉选择框内容

select中初始为空，单击河南按钮时，显示河南省城市信息，单击河北按钮时，显示河北省城市信息：石家庄、保定、承德、邯郸<body><button onclick="henan()">河南</button><button onclick="hebei()">河北</button><br/><select width="80px"> <option></option></
复制链接

扫一扫