Question

如何实现点击左侧div内选项将要显示内容在右侧div内显示（不用form）

Answer 1

代码如下:
CSS
#menu,#content{float: left;}
#menu .selected{color:#ff6600;}
#content{margin-left: 40px;}
#content .box{display: none;}

JS
$(function(){
   // 绑定点击左侧菜单链接事件
   $("#menu a").click(function(){
       // 设置当前点击的链接的选中样式
       $(this).addClass("selected").siblings().removeClass("selected");
       // $(this).index()是当前被点击链接的索引值, 找到右侧div对应的索引值显示
       // 同时隐藏右侧其他的div. 此处除了用index做以外
       // 也可以给左侧a标签设置ID,通过id对应右侧的div.
       $('#content .box:eq(' + $(this).index() + ')').show().siblings().hide();
   });
});

HTML
<div id="menu">
    <a href="javascript:;">11111</a>
    <a href="javascript:;">22222</a>
    <a href="javascript:;">33333</a>
</div>
<div id="content">
    <div class="box">点击左侧第一个</div>
    <div class="box">点击左侧第二个</div>
    <div class="box">点击左侧第三个</div>
</div>

追问

为什么运行不了？（加了头尾必须的代码）

追答

是不是没引入jquery

追问

好的，我试试。谢谢。

Answer 2

用jq做，就是显示不显示的问题，用show和hide就可以控制

Answer 3

可以用js做