首页 > 其他 > 详细

【前端常用小脚本】下拉框的值发生改变时打开对应的页面

时间:2021-06-23 15:40:44      阅读:17      评论:0      收藏:0      [点我收藏+]

前端代码:

<div class="selectItem">
            <span style="font-size: 15px;">浏览其他栏目:</span>
            <select style="font-size: 15px;width: 200px;">
                <option value=""></option>
                <option value="/infomgm/info/list/AGMKD6zk?classify=false">公司新闻</option>
                <option value="/infomgm/info/list/T2ZL6Wl0?classify=false">公司文化</option>
                <option value="/infomgm/info/list/OWw5woA0?classify=false">通知公告</option>
                <option value="/infomgm/info/list/foAXAczA?classify=false">公司文件</option>
            </select>
</div>

js代码:

<script>
        /*<![CDATA[*/
        var aSelect=document.querySelectorAll(".selectItem select");
        for(var i=0;i<aSelect.length;i++)
        {
            aSelect[i].onchange=function()
            {
                var url=this.options[this.selectedIndex].value;
                window.open(url);
            }
        }
        /*]]>*/
</script>

上图,就是点了不同的option,会打开对应的url,这个url我选择写在option标签的value里面

技术分享图片

 

【前端常用小脚本】下拉框的值发生改变时打开对应的页面

原文:https://www.cnblogs.com/leehwayou/p/14921365.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!