單擊同一頁上iframe中的li顯示內容

Question

我有一個html頁面和頁面頂部我顯示了一些菜單。下面的菜單中有一些li.now我想單擊任何li並顯示內容每個鋰低於iframe ..

<div class='main_container'> 

    <ul class="nav nav-tabs"> 
     <li role="presentation" class="dropdown"> 
     <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false"> 
      Tea <span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu" role="menu"> 
     <li role="presentation"><a href="test.html">Tea1</a></li> 
      <li role="presentation"><a href="test2.html">Tea2</a></li> 

     </ul> 
     </li> 

     <div id="nav"> 
     <iframe id='link'></iframe> 
     </div> 
     </div> 

任何人都可以告訴我我怎麼能做到這一點。

Answer 1

使用target="iframe"

這裏是例子http://jsfiddle.net/47tub983/