JavaScript修改src

问题描述：有一个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;
            }
        }
    }

directory是下拉列表id，iframe1是iframe的id，预先指定iframe1的src，把3个html显示在该iframe中，