87,987
社区成员
发帖
与我相关
我的任务
分享选中iframe中的select控件中的一项，如何刷新另一个iframe中的内容？
在一个网页中有几个iframe，每个iframe下面有个文本框，而每个iframe里面是个List，就像这样：
index.htm
<iframe name="frame1" src="a.htm" />
<input type="textbox" name="text1">
...
<iframe name="frame2" src="b.htm" />
<input type="textbox" name="text2">
...
<iframe name="frame3" src="c.htm" />
<input type="textbox" name="text3">
...
<iframe name="frame4" src="d.htm" />
<input type="textbox" name="text4">
...
...
a.htm
<select name="list1" size="5">
<option>中国</option>
<option>意大利</option>
</select>
请问如果写一个几个htm页面通用的JS方法，实现如下功能：
当选中iframe中select里面的一项时，会把这一项的名字放入该iframe对应的文本框中，同时会刷新下一个iframe.
分不成问题，解决后立刻结贴。
index.htm
<iframe name="frame1" src="a.htm" />
<input type="textbox" name="text1">
...
<iframe name="frame2" src="b.htm" />
<input type="textbox" name="text2">
...
<iframe name="frame3" src="c.htm" />
<input type="textbox" name="text3">
...
<iframe name="frame4" src="d.htm" />
<input type="textbox" name="text4">
...
...
a.htm
<select name="list1" size="5">
<option>中国</option>
<option>意大利</option>
</select>
请问如果写一个几个htm页面通用的JS方法，实现如下功能：
当选中iframe中select里面的一项时，会把这一项的名字放入该iframe对应的文本框中，同时会刷新下一个iframe.
分不成问题，解决后立刻结贴。
...全文
请发表友善的回复…
发表回复
awaysrain 2003-09-30
- 打赏
- 举报
index.htm
=======================
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><iframe name="frame1" src="a.htm"></iframe></td>
<td><iframe name="frame2" src="b.htm"></iframe></td>
</tr>
<tr>
<td><input type="text" name="text1"></td>
<td><input type="text" name="text2"></td>
</tr>
<tr>
<td><iframe name="frame3" src="c.htm"></iframe></td>
<td><iframe name="frame4" src="d.htm"></iframe></td>
</tr>
<tr>
<td><input type="text" name="text3"></td>
<td><input type="text" name="text4"></td>
</tr>
</table>
</body>
</html>
a,b,c,d.htm
=====================
<script language=javascript>
function test(obj)
{
var i = parseInt(self.name.substr(5,1))
eval("parent.text" + i).value=obj.options[obj.selectedIndex].text
if(i==parent.document.frames.length)
return
eval("parent.document.frame" + (i+1)).document.location.reload()
}
</script>
<select name="list1" size="5" onchange="test(this)">
<option>中国</option>
<option>意大利</option>
</select>
=======================
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><iframe name="frame1" src="a.htm"></iframe></td>
<td><iframe name="frame2" src="b.htm"></iframe></td>
</tr>
<tr>
<td><input type="text" name="text1"></td>
<td><input type="text" name="text2"></td>
</tr>
<tr>
<td><iframe name="frame3" src="c.htm"></iframe></td>
<td><iframe name="frame4" src="d.htm"></iframe></td>
</tr>
<tr>
<td><input type="text" name="text3"></td>
<td><input type="text" name="text4"></td>
</tr>
</table>
</body>
</html>
a,b,c,d.htm
=====================
<script language=javascript>
function test(obj)
{
var i = parseInt(self.name.substr(5,1))
eval("parent.text" + i).value=obj.options[obj.selectedIndex].text
if(i==parent.document.frames.length)
return
eval("parent.document.frame" + (i+1)).document.location.reload()
}
</script>
<select name="list1" size="5" onchange="test(this)">
<option>中国</option>
<option>意大利</option>
</select>
xiaobird1 2003-09-30
- 打赏
- 举报
或
<select name=s1 onchange="opener.form名.text1.value=this.value">
<select name=s1 onchange="opener.form名.text1.value=this.value">
xiaobird1 2003-09-30
- 打赏
- 举报
<select name=s1 onchange="opener.document.all.text1.value=this.value">
<option>...
...
</select>
给你方法，判断自己写吧。
<option>...
...
</select>
给你方法，判断自己写吧。
yuanmeng163 2003-09-30
- 打赏
- 举报
我的游览器是Netscape，运行不行。
请问在Netscape里与eval等价的方法是什么？
请问在Netscape里与eval等价的方法是什么？
awaysrain 2003-09-30
- 打赏
- 举报
a.htm
====================
<script language=javascript>
function test(frameName, textName, obj)
{
var i = parseInt(self.name.substr(5,1))
eval("parent." + textName).value=obj.options[obj.selectedIndex].text
eval("parent.document." + frameName).document.location.reload()
}
</script>
<select name="list1" size="5" onchange="test('frame2','text1',this)"><!--这里调用-->
<option>中国</option>
<option>意大利</option>
</select>
====================
<script language=javascript>
function test(frameName, textName, obj)
{
var i = parseInt(self.name.substr(5,1))
eval("parent." + textName).value=obj.options[obj.selectedIndex].text
eval("parent.document." + frameName).document.location.reload()
}
</script>
<select name="list1" size="5" onchange="test('frame2','text1',this)"><!--这里调用-->
<option>中国</option>
<option>意大利</option>
</select>
yuanmeng163 2003-09-30
- 打赏
- 举报
感谢各位回答上面的贴子，
如果iframe和text的名字不是象例子中那样连续的，该怎么办？就是说可不可以把iframe和text的名字作为参数传入方法中？
function test(frameName, textName, obj)那么该怎么写？
如果iframe和text的名字不是象例子中那样连续的，该怎么办？就是说可不可以把iframe和text的名字作为参数传入方法中？
function test(frameName, textName, obj)那么该怎么写？
