三级联动带iframe一起变更

chan10 2009-10-23 12:57:39

现在要做一个三级联动的东西出来。
下拉菜单A
下拉菜单B
模块C

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

...全文

155 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

chan10 2009-10-25

打赏
举报

没人给出解决方案啦？？

chan10 2009-10-24

打赏
举报

怎么没人搞过？

chan10 2009-10-23

打赏
举报

[Quote=引用 13 楼 xujiaxuliang 的回复:]
如果要让别人帮忙写下，就要说明清楚哪三个模块需要怎样联动~
[/Quote]
例：
下拉菜单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.
就是要联动实现上述的效果（不要提交画面）。

能讲下实现方法就好，当然有代码可给出的话，那就再好不过了。。。

xujiaxuliang 2009-10-23

打赏
举报

如果要让别人帮忙写下，就要说明清楚哪三个模块需要怎样联动~

xujiaxuliang 2009-10-23

打赏
举报

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

chan10 2009-10-23

打赏
举报

因为有三个下拉框，
如果三个都有提交事件的话，可能点的快的话，画面容易出现白屏。（以前遇到过）

jol_boy 2009-10-23

打赏
举报

能实现效果就行了~~联动。。。跟着变化就是联动~~~

BeenZ 2009-10-23

打赏
举报

联动的意思是跟着你选择变化而变化...
要提交的话你照样可以提交啊!

chan10 2009-10-23

打赏
举报

这样不会重新提交表单啊？
我怎么看这也不像联动的效果啊？

BeenZ 2009-10-23

打赏
举报

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>

chan10 2009-10-23

打赏
举报

[Quote=引用 1 楼 wang_wenhui 的回复:]
可以实现，可以把ifram放到一个div中

<div id="iframeDiv">
<iframe src="www.google.cn" />
</div>

js:

var ifdiv = document.getElementById("iframeDiv");
ifdiv.innerHTML = ' <iframe src="www.baidu.com" />'
[/Quote]
也是用ajax实现吗？
还是javascript啊？

BeenZ 2009-10-23

打赏
举报

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

chan10 2009-10-23

打赏
举报

[Quote=引用 2 楼 jol_boy 的回复:]
动态改变iframe的src还是说，要改变iframe中的潜入的页面上的select框啊？
[/Quote]
动态改变Iframe的src。

BeenZ 2009-10-23

打赏
举报

可以
动态改变iframe的scr属性就行了

.src="xxx"

jol_boy 2009-10-23

打赏
举报

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

wangwenhui-com-cn 2009-10-23

打赏
举报

可以实现，可以把ifram放到一个div中

<div id="iframeDiv">
<iframe src="www.google.cn" />
</div>

js:

var ifdiv = document.getElementById("iframeDiv");
ifdiv.innerHTML = '<iframe src="www.baidu.com" />'

html

国家信息安全水平考试NISP模拟题（一） 1 2分我国的（　）主要规定了关于数据电文、电子签名与认证及相关的法律责任 A.《中华人民共和国宪法》；B.《中华人民共和国网络空间安全法》；C.《中华人民共和国电子签名法》；D.《商用密码管理条例》正确答案是：C 你的答案是：C 此题得分：2 展开解析 2 2分传输层用于控制数据流量，以确保通信顺利，该层次的常用协议包括（　） A.IP；B.TCP；C.FTP；D.PPP 正确答案是：B 你的答案是：B 此题得分：2 展开解析 3 2

影响6000万学习IT的中国人学习要点和建议： 1. 《6000 集》集合尚学堂和百战程序员所有高端课程，根据开班时间持续更新, 请关注网站：www.itbaizhan.cn、www.bz6000.cn(百战 6000 集官网)。 2. 普通人只需要选择一个领域即可。没有必要将所有领域全部学习一遍。当然，在校大学生时间充裕，未尝不可, 成为超级大神迷倒身边众多妹子，不是坏事。成为超级大神，...

以下为《帆软可视化大屏白皮书1.0》部分内容，工具看文末拿：一、什么是大屏？大屏，是以大屏幕为载体进行可视化展示的统称。可视化通常被理解为一个制作图表、生成图形图像的简单过程，而更深刻的认识则是，可视化是认知的过程，即形成某个物体的感知图像，强化认知理解，辅助大脑处理信息。因此，大屏的终极目标是通过大屏幕的可视化，帮助用户洞悉业务数据，在脑海中高效处理信息、快速做出应答。在帆软的产品体系里，FineReport通过快速制作报表提高数据的生产力，FineBI通过自助分析释放数据的潜能，帆软

EacooPHP v1.3.2介绍EacooPHP是基于ThinkPHP5.0.21开发的一套轻量级WEB产品开发框架，追求高效，简单，灵活。具有完善并灵活的模块化和插件机制，模块式开发，大大降低开发成本。命令行管理应用支持EacooPHP的用户请给我们一个star使用EacooPHP框架开发定制您的系统前，建议熟悉官方的tp5.0完全开发手册。功能特性严谨规范：提供一套有利于团队协作的结构设计...