三级联动 带iframe一起变更

现在要做一个三级联动的东西出来。
下拉菜单A
下拉菜单B
模块C下拉菜单A变化的时候，B和C要相应的改变。
这里，如果A，B，C都是单纯的select框的话，已暂时实现，（拷了一段ajax代码）。
现在，假如C模块，是一个iframe的话，也就是A变化的话（或B变化的话），
C这个Iframe也需要更着改变，
问：这种可以实现吗？

解决方案 »

  1.   

    可以实现，可以把ifram放到一个div中
    <div id="iframeDiv">
       <iframe src="www.google.cn" />
    </div>js:    var ifdiv = document.getElementById("iframeDiv");
        ifdiv.innerHTML = '<iframe src="www.baidu.com" />'
      

  2.   

    动态改变iframe的src还是说，要改变iframe中的潜入的页面上的select框啊？
      

  3.   

    可以
    动态改变iframe的scr属性就行了.src="xxx"
      

  4.   

    那就取得iframe元素document.getElementById("iframeName").src="你判断后得到的url"
      

  5.   

    也是用ajax实现吗？
    还是javascript啊？
      

  6.   

    js就行,比如<script>
        function changeURI(val){
            var frame=document.getElementById("frame");
            if(val=="1"){
                frame.src="http://www.baidu.com"
            }else if(val=="2"){
                frame.src="http://www.sina.com"
            }else{
                 frame.src="http://www.google.com"
            }
        }
    </script>
    <body>
        <select id="sel" onchange="changeURI(this.value)">
            <option value="1">baidu</option>
            <option value="2">sina</option>
            <option value="3">google</option>
        </select>
        <iframe src="http://www.baidu.com" id="frame"></iframe>
    </body>
      

  7.   

    这实现不是很简单嘛，三个select联动， 跟两个select一个iframe模块联动又没有区别， 只不过是之间的 回调函数不同就是了啊，这就要根据自己的需求变化啊~~
      

  8.   

    例：
    下拉菜单A ，有 A1,A1,A3三种选择。
    下拉菜单B ，有 B11，B12，B13；B21，B22；B31
    模块C ，有 C1.jsp，C2.jsp ,C3.jsp当A选A1的时候，B可以选出B11,B12,B13，C的iframe显示C1.jsp
    当A选A2的时候，B可以选出B21,B22,C的iframe显示C2.jsp
    当A选A3的时候，B可以选出B31，C的iframe显示C3.jsp.
    就是要联动实现上述的效果（不要提交画面）。能讲下 实现方法就好，当然有代码可给出的话，那就再好不过了