jquery - 从菜单将值发布到 html 页面

Question

我有一个 jQuery 多级 CSS 菜单，我希望当用户单击其中一个子菜单时将 href 值发布到页面 iframe.html，任何帮助将不胜感激。

<input type=hidden name=arav value="1234"><ul id='nav'>

<li> <a href='#'>Main menu 1</a>
<ul>
<li style='background-color:#b0c4de;'><a href=getrss.php?q=suna-pol>1submenu 1</a></li>
<li style='background-color:#bebebe;'><a href=getrss.php?q=suna-spo>1submenu 2</a></li>
</ul>
<li> <a href='#'>Main menu 2</a>
<ul>
<li style='background-color:#b0c4de;'><a href=getrss.php?q=arab-me>2submenu 1</a></li>
</ul>
</li>
</ul>



<div class="iframe" >

<iframe name="iframe999" src="iframe.html"  width="100%"  frameborder="0" scrolling="yes" id="iframe" onload='javascript:resizeIframe(this);' />

Answer 1

你可以这样使用它：http: //jsfiddle.net/6v3dC/

$('a').click(function(e) {
    e.preventDefault();
    $('#iframe').attr('src', $(this).attr('href'));
});​