标题:javascript实现表单和框架链接的联动?
只看楼主
xuexiyan
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-9-17
 问题点数:0 回复次数:9 
javascript实现表单和框架链接的联动?
我想做一个联动页面,就是点击下拉表单中的省市名称,框架内链接的页面相应变化,用javascript怎么做呢?急切盼望高手指教!!

表单:
<td width="20%" align="center" background="img/bg03.gif">
请选择省市名称:
<select name="classyear" style="width:130;font-size:12;">
<option value="1">北京</option>
<option value="2">天津</option>
<option value="3">上海</option>
<option value="4">重庆</option>
<option value="5">河北</option>
<option value="6">黑龙江</option>
<option value="7">吉林</option>
<option value="8">辽宁</option>
<option value="9">山东</option>
<option value="10">山西</option>
<option value="11">河南</option>
<option value="12">陕西</option>
<option value="13">甘肃</option>
<option value="14">青海</option>
<option value="15">江苏</option>
<option value="16">安徽</option>
<option value="17">湖北</option>
<option value="18">四川</option>
<option value="19">浙江</option>
<option value="20">江西</option>
<option value="21">湖南</option>
<option value="22">贵州</option>
<option value="23">云南</option>
<option value="24">浙江</option>
<option value="25">福建</option>
<option value="26">广东</option>
<option value="27">广西</option>
<option value="28">海南</option>
<option value="29">新疆维吾尔自治区</option>
<option value="30">内蒙古自治区</option>
<option value="31">宁夏回族自治区</option>
<option value="32">西藏自治区</option>
<option value="33">香港</option>
<option value="34">澳门</option>
<option value="35">台湾</option>
</select>


框架:
<td align="center"><iframe name="qzxcprz" id="qzxcprz" src="http://www.cnca.gov.cn/cnca/rdht/qzxcprz/jcjggljg/images/20070123/1001.htm" width="681" height="600" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="yes" target="contents" align="center"></iframe></td>
搜索更多相关主题的帖子: option 表单 javascript value 
2007-09-17 11:12
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
得分:0 
用select的onchange触发一个事件(比如一个函数),然后这个事件里更新iframe里的内容就可以了
2007-09-17 11:28
shaoli4261
Rank: 3Rank: 3
来 自:安徽.巢湖
等 级:新手上路
威 望:6
帖 子:212
专家分:0
注 册:2007-9-11
得分:0 
我说下我的想法!!!
    可以在上面的下拉列表中加入一个时间onchenge 然后调用一个函数,函数的作用就是当下拉列表中的脂改变了!就触发事件,
function change_1(){
window.parent.qzxcprz.src.vlaue=("~~~~~~~~");
}
印象好象是这样的,如果错了希望不要见笑,我是刚学javascript的!!!
如果错了,希望大家能指点一下!让我有所进步!谢谢了^_^

爱一个人,不一定拥有她,但拥有一个人,就要爱她。也许她不是最好的,但她可能是你最值得的珍惜的人。
2007-09-17 11:34
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
得分:0 
就是楼上的思路了!顶楼上一下:)
2007-09-17 12:03
xuexiyan
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-9-17
得分:0 
小弟是菜鸟,麻烦哪位写一下详细代码吧~~~!!!感激不尽啊~!!!
2007-09-18 10:12
shaoli4261
Rank: 3Rank: 3
来 自:安徽.巢湖
等 级:新手上路
威 望:6
帖 子:212
专家分:0
注 册:2007-9-11
得分:0 
我上面已经写的很清楚了!你只要在select加一个事件onchange="change1();"就行了!
函数我已经在上面写给你了!放到head标记中间去;
剩下的就是框架中的值了,我也不知道你想联动什么,所以只能写到那里了~~~


爱一个人,不一定拥有她,但拥有一个人,就要爱她。也许她不是最好的,但她可能是你最值得的珍惜的人。
2007-09-18 10:37
xuexiyan
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-9-17
得分:0 
就是北京、天津、河北......各省都对应一个页面,点击select里的省下面的框架就出来相应的页面,比如北京对应index1,天津对应index2,河北对应index3.......
2007-09-18 16:40
shaoli4261
Rank: 3Rank: 3
来 自:安徽.巢湖
等 级:新手上路
威 望:6
帖 子:212
专家分:0
注 册:2007-9-11
得分:0 
function change1(){
dizhi=window.parent.下拉列表的框架名.document.form.classyear.value;
window.parent.qzxcprz.src.vlaue="index"+dizhi+".asp";
}
我想应该就是这样字的了!你试试吧!我也是刚学javascript的!所以具体的我也不知道了!
如果还有什么问题,加我的QQ:33298024
共同进步~~~~~~~

爱一个人,不一定拥有她,但拥有一个人,就要爱她。也许她不是最好的,但她可能是你最值得的珍惜的人。
2007-09-18 17:05
jkll007123
Rank: 1
等 级:新手上路
威 望:1
帖 子:64
专家分:0
注 册:2007-7-8
得分:0 
<script language="javascript">
function changeFrame()
{
var choice=document.getElementById("classyear").selectedIndex;
var selectedVal=document.getElementById("classyear").options[choice].value;
document.getElementById("qzxcprz").src="index"+selectedVal+".html";
}
</script>

请选择省市名称:
<select id="classyear" style="width:130;font-size:12;" onchange="changeFrame()">
<option value="1">北京</option>
<option value="2">天津</option>
<option value="3">上海</option>
<option value="4">重庆</option>
<option value="5">河北</option>
<option value="6">黑龙江</option>
<option value="7">吉林</option>
<option value="8">辽宁</option>
<option value="9">山东</option>
<option value="10">山西</option>
<option value="11">河南</option>
<option value="12">陕西</option>
<option value="13">甘肃</option>
<option value="14">青海</option>
<option value="15">江苏</option>
<option value="16">安徽</option>
<option value="17">湖北</option>
<option value="18">四川</option>
<option value="19">浙江</option>
<option value="20">江西</option>
<option value="21">湖南</option>
<option value="22">贵州</option>
<option value="23">云南</option>
<option value="24">浙江</option>
<option value="25">福建</option>
<option value="26">广东</option>
<option value="27">广西</option>
<option value="28">海南</option>
<option value="29">新疆维吾尔自治区</option>
<option value="30">内蒙古自治区</option>
<option value="31">宁夏回族自治区</option>
<option value="32">西藏自治区</option>
<option value="33">香港</option>
<option value="34">澳门</option>
<option value="35">TW</option>
</select><br/>
<iframe name="qzxcprz" id="qzxcprz" src="http://www.cnca.gov.cn/cnca/rdht/qzxcprz/jcjggljg/images/20070123/1001.htm" width="681" height="600" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="yes" target="contents" align="center"></iframe>



在同一目录中放入index1.html,index2.html,index3.html,........index35.html

習慣瞇醉,禧歡跟上帝窷兲,像变澀龙般虚伪,如气候那样善变.人脸背后流淌着恶魔的血,一路向前,猦猦癫癫.
2007-09-19 00:54
xuexiyan
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-9-17
得分:0 

十分感谢大家的帮助~~!!!按九楼高手的代码已经实现了功能!!开心ing!

2007-09-21 09:36



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-170546-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.026410 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved