的iFrame從下拉

多個站點，我試圖讓這樣的事情： Example 的iFrame從下拉

我希望能夠動態更改過的下拉列表中選擇的選項的iframe中。

我到目前爲止的代碼是這樣的：

<html> 
    <head> 
    <script> 
     function hidem() { 
     document.getElementById('Select').style.display = "none"; 
     document.getElementById('test1').style.display = "none"; 
     document.getElementById('test2').style.display = "none"; 
     } 
    function changeIt(divid) { 
     hidem(); 
     document.getElementById(divid).style.display = "block"; 
    } 
    </script> 
    </head> 

    <table border="0"> 
     <tr> 
      <td> 
       <select id="Manage" onChange="changeIt(this.value)"> 
       <option value="Select">Select A Management Window</option> 
       <option value="test1">Google</option> 
       <option value="test2">Yahoo</option> 
       </select> 
      </td> 
      <td> 
       <div id="Select"> 
        <h2>Information:</h2> 
        This is a management console 
       </div> 
       <div id="test1" style="display:none"> 
        <h2>Google:</h2> 
        <iframe src="http://www.google.com" width="100%" height="100%"></iframe> 
       </div> 
       <div id="test2" style="display:none"> 
      <h2>Yahoo:</h2> 
        <iframe src="http://www.yahoo.com" width="100%" height="100%"></iframe> 
       </div> 
      </td> 
     </tr> 
    </html>

，但它似乎沒有工作，我希望的方式。任何人都可以幫助我解決這個問題？

謝謝你，

戴夫

來源

2012-08-28 Dave

你的HTML是相當搞砸的列表。沒有BODY標籤，沒有FORM標籤，沒有關閉TABLE標籤。你也不應該使用表格來做這樣的HTML佈局。您應該只使用塊級元素，如DIV標籤等。 –

您想如何「動態更改iframe」？ –

@EricLeschinski我希望能夠更改基於下拉項目加載的網頁。 – Dave