js修改src

最新推荐文章于 2022-10-16 11:51:55 发布

转载最新推荐文章于 2022-10-16 11:51:55 发布 · 761 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yyjh/p/10970449.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript实现下拉菜单与iframe页面切换的方法。通过监听select标签的onchange事件，根据所选选项动态改变iframe的src属性，从而在iframe中加载不同的HTML页面。

问题描述：有一个select标签（下拉列表），该下拉列表有项（option标签）A、B、C，点击不同的项，分别显示指定的A.html、B.html、C.html，

下拉列表元素的onchange属性触发一个js函数，如下：

function changeselect() {
        var directory=document.getElementById("directory");
        var iframe1=document.getElementById("iframe1");
        for(var i=0;i<directory.length;i++){
            if(directory[i].selected==true){
                iframe1.src="./"+directory[i].innerHTML+".html";
                return;
            }
        }
    }