Heim  >  Artikel  >  Web-Frontend  >  下图所示效果怎么实现_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:17:35964Durchsuche

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


回复讨论(解决方案)

两个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">

非常好,非常感谢

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn