下图所示效果怎么实现_html/css_WEB-ITnose

想请教下图所示的效果怎么实现，选择左边框的姓名，点击“>>”键，选中的名字自动显示在右框中，并在左框中消失。

回复讨论(解决方案)

两个ListBox加Hidden再加Js,Js操作ListBox网上应该有很多代码的

其实就是左边删除一个元素，右边添加一个元素

两个ListBox加Hidden再加Js,Js操作ListBox网上应该有很多代码的
貌似HTML里面没有listbox这个标签吧？？？？

补充说明一下，我想用HTML实现

有效果，但是不美观。。。。
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script></script>


<script> <br /> $(document).ready(function(){ <br /> var s = ""; <br /> var g = ""; <br /> $("#toRight").click(function(){ <br /> if(s!==""&&s!=null&&g=="left"){ <br /> $(".right").append(s); <br /> $("p").removeClass("select"); <br /> } <br /> }); <br /> $("#toLeft").click(function(){ <br /> if(s!==""&&s!=null&&g=="right"){ <br /> <br /> $(".left").append(s); <br /> $("p").removeClass("select"); <br /> } <br /> }); <br /> $("p").click(function(){ <br /> $("p").removeClass("select"); <br /> $(this).addClass("select") <br /> s = $(this); <br /> g = $(this).parent().attr("class"); <br /> }); <br /> }); <br /> <br /> <br /> <br /> <br /> </script>

    
    

    

    

张三

    

里斯

        

王五

    

   >" id="toRight"/>
        

有效果，但是不美观。。。。
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

非常好，非常感谢