点击li在同一页面上显示iframe中的内容

Question

我有一个html页面和页面顶部我显示一些菜单。在菜单下有一些li.now我想点击任何li并显示iframe下面每个li的内容..

<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/