dior 至臻精华露套装:在dreamweaver中做select下拉菜单,如何使选项链接在同页面的iframe中打开?

来源:百度文库 编辑:杭州交通信息网 时间:2024/04/28 15:14:18
急~~求助高手~~
我做了一个页面,里面有一个select菜单和一个浮动框架,选择select下拉菜单中的选项后会在新窗口打开链接,现在我想让选项链接在iframe中打开,该如何修改????最好写出代码~~~~谢谢各位了~~~~
问题补充:<SCRIPT LANGUAGE=JavaScript>
function surfto(form) {
var myindex=document.myform.dest.selectedIndex
location=document.myform.dest.options[myindex].value;
}
</SCRIPT>
<div id="Layer13" style="position:absolute; width:292px; height:55px; z-index:5; left: 511px; top: 298px;"><FORM NAME="myform">
<SELECT NAME="dest" SIZE=1>
<OPTION selected>请选择一篇文章</OPTION>
<OPTION VALUE="sw1.htm">关于我的创作</OPTION>
<OPTION VALUE="main.htm">生命“大发”的意义</OPTION>
<OPTION VALUE="main.htm">我和我的“小人”</OPTION>
</SELECT>
<A HREF="javascript: surfto()"
ONMOUSEOVER="self.status='';
return true" ONMOUSEOUT="self.status='';
return true"> <img src="picture/go2.gif" border=0
align=absmiddle width="83" height="35"></A> </div>

对select做如下修改:
<SELECT NAME="dest" SIZE=1 onchange="document.getElementById('frame1').src=this.value;">
<OPTION selected>请选择一篇文章</OPTION>
<OPTION VALUE="sw1.htm">关于我的创作</OPTION>
<OPTION VALUE="main.htm">生命“大发”的意义</OPTION>
<OPTION VALUE="main.htm">我和我的“小人”</OPTION>
</SELECT>

onchange="document.getElementById('frame1').src=this.value;"这句中的'iframe1'是你将指定的iframe的id.

如果你希望选择右点击ok才跳转的话,那select不动,改<A HREF="javascript: surfto()"
ONMOUSEOVER="self.status='';
return true" ONMOUSEOUT="self.status='';
return true"> <img src="picture/go2.gif" border=0
align=absmiddle width="83" height="35"></A>这句为:
<img src="picture/go2.gif" border=0
align=absmiddle width="83" height="35" style="cursor:hand" ONMOUSEOVER="self.status='';
return true" ONMOUSEOUT="self.status='';
return true" onclick="javascript: document.getElementById('iframe').src=document.all.myform.dest.value;">

根据自己的需要定.