select双向选择列表菜单代码

来源:https://www.sucaihuo.com/js/1610.html 2017-03-31 23:44浏览(808) 收藏

这是一款双向选择列表菜单都只能选择一次不重复,重复会出提示栏,效果不错。
select双向选择列表菜单代码
分类:文字特效 > 文字列表 难易:
查看演示 下载资源 下载积分: 20 积分
$('#b11').click(function(){
		$obj = $('#s11 option:selected').clone(true);
		
		if($obj.size() == 0)    {alert("请至少选择一条!");}
		else{
			  if($("#s22 option").length==0)
			         {
						 $('#s22').append($obj);
				       }
		      else{ 
				  for(var i=0;i<$("#s22 option").length;i++)
				      
			        {
					   var option=document.getElementById("s22").options[i].value;
				       if($obj.val()==option)
					        {alert("已添加过!");
							 return false;
							}
			       }
				     
		         $('#s22').append($obj);
							
				  }
		     } 
	});
	
   $('#b33').click(function(){
		$obj = $('#s22 option:selected').clone(true);
		if($obj.size() == 0){
			alert("请至少选择一条!");
		}
		
		$('#s22 option:selected').remove();
	});
标签: 双向列表
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2