下图所示效果怎么实现_html/css_WEB-ITnose_动视

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

2020-11-27 15:47:14 责编:小采

点击下载本文 文档为doc格式

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

回复讨论(解决方案)

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

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

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

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

有效果，但是不美观。。

无标题文档

$(document).ready(function(){
var s = "";
var g = "";
$("#toRight").click(function(){
if(s!==""&&s!=null&&g=="left"){
$(".right").append(s);
$("p").removeClass("select");
}
});
$("#toLeft").click(function(){
if(s!==""&&s!=null&&g=="right"){

$(".left").append(s);
$("p").removeClass("select");
}
});
$("p").click(function(){
$("p").removeClass("select");
$(this).addClass("select")
s = $(this);
g = $(this).parent().attr("class");
});
});

张三

里斯

王五

有效果，但是不美观。。

非常好，非常感谢

下载本文

显示全文

全部频道

回复讨论(解决方案)