Question

全部

这里是新的程序员，因此感谢您的帮助。

我正在处理许多文件，我想将下拉框中的选择链接到页面上4个iframe中包含的内容。

我可以对选项进行编码，以便每个iframe都有一个下拉菜单供您选择，但我想不出如何控制所有四个iframe的方法，而顶部只有一个下拉菜单。

<title></title>
<script type="text/javascript">
   function newSrc() {
    var e = document.getElementById("MySelectMenu");
    var newSrc = e.options[e.selectedIndex].value;
    document.getElementById("MyFrame").src=newSrc;
   }

  </script>
<style type="text/css">select {clear:both;}
</style>
<p dir="ltr"><iframe id="MyFrame" src="MainIntropage1.html" style="width: 
700px; height: 750px;"></iframe><select id="MySelectMenu"><option 
value="Option1page1.html">Option1</option><option 
value="Opion2page1.html">Option2</option><option 
value="Option3page1.html">Option3</option> </select></p>

<p dir="ltr"><iframe id="MyFrame" src="MainIntropage2.html" style="width: 
700px; height: 750px;"></iframe><select id="MySelectMenu"><option 
value="Option1page2.html">Option1</option><option 
value="Opion2page2.html">Option2</option><option 
value="Option3page2.html">Option3</option> </select></p>

<p dir="ltr"><iframe id="MyFrame" src="MainIntropage3.html" style="width: 
700px; height: 750px;"></iframe><select id="MySelectMenu"><option 
value="Option1page3.html">Option1</option><option 
value="Opion2page3.html">Option2</option><option 
value="Option3page3.html">Option3</option> </select></p>

<p dir="ltr"><iframe id="MyFrame" src="MainIntropage2.html" style="width: 
700px; height: 750px;"></iframe><select id="MySelectMenu"><option 
value="Option1page4.html">Option1</option><option 
value="Opion2page4.html">Option2</option><option 
value="Option3page4.html">Option3</option> </select></p>

<p dir="ltr"><button onclick="newSrc();">Get Chart</button></p>

我试图避免建立单独的页面，并使用简单的下拉菜单导航到这些页面。看来我可以通过这种方式使其动态化。

任何帮助将不胜感激。

下拉菜单可控制网页上多个iframe的内容

0 个答案: