您好,欢迎来到皓榕美食网。
搜索
您的当前位置:首页下图所示效果怎么实现_html/css_WEB-ITnose

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

来源:皓榕美食网


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


回复讨论(解决方案)

两个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");
});
});












张三


里斯


王五








有效果,但是不美观。。


非常好,非常感谢

Copyright © 2019- hron.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务