从下拉菜单中打开iframe中的jsp页面

时间:2014-09-17 19:19:02

标签: html jsp

我在jsp& amp;创建应用程序servlet的。所以我创建了一个home.jsp页面,它是一个应用程序的主页面,它包含一个菜单栏。当用户点击菜单项时,我的iframe中应显示以下页面,如果用户点击其他菜单项,则所选页面应显示在同一iframe中。 我需要帮助....下面的代码是创建一个菜单栏和菜单项   

    <li><a href="#">Master</a>
        <ul>
            <li><a href="Customer.jsp">Customer</a></li>
            <li><a href="Suplier.jsp">Suplier</a></li>
            <li><a href="Item.jsp">Item</a></li>
        </ul>
    </li>
    <li><a href="#">Transaction</a>
        <ul>
            <li><a href="Purchase.jsp">Purchase</a></li>
            <li><a href="Sales.jsp">Sales</a></li>
        </ul>
    </li>
    <li><a href="Contact.jsp">Contact</a></li>

菜单栏之后我有一个iframe,我想在其中显示一个菜单项。 我不知道我该怎么做。请帮帮我

1 个答案:

答案 0 :(得分:0)

您需要绑定onclick标记的函数<a>。然后使用jQuery查找被点击的href的{​​{1}},最后将<a>分配为href的{​​{1}}

<强> HTML

src

<强>的jQuery

iframe

这是 DEMO 。我刚刚更改了前两项的<li><a href="#">Master</a> <ul> <li><a href="Customer.jsp">Customer</a></li> <li><a href="Suplier.jsp">Suplier</a></li> <li><a href="Item.jsp">Item</a></li> </ul> </li> <li><a href="#">Transaction</a> <ul> <li><a href="Purchase.jsp">Purchase</a></li> <li><a href="Sales.jsp">Sales</a></li> </ul> </li> <li><a href="Contact.jsp">Contact</a></li> <br /> <iframe src="" height="300" width="500"></iframe> 作为示例。