左面添加项到右边的JS实现

1.

总结：

?具体实现代码如下：

?????????? javascript：new Option(text, value)

?????????? 一般用在动态生成选择项目

思想：

往右加：遍历左边，当它被选中时，使用new Option(text,value)创建一个新的option，将其添加到右边，右边长度每次加1，可将长度作为右边select的下标

如choose_sel.options[s++]

右边去除：判断右边选中之后，删除即可

获取select长度：$("#id").options.length

判断选中：brand_options[ i ].selected

?

function rightMove(){
 
	var brand_sel = document.getElementById("brand_sel");
	var choose_sel = document.getElementById("choose_sel");
	
	var brand_options = brand_sel.options;
	var s = choose_sel.options.length;
	for(var i=0;i<brand_options.length;i++){
		var is_selected = brand_options[i].selected;
		if(is_selected){
			 var option  = new Option(brand_options[i].text  ,brand_options[i].value); 
			 if(!contains(choose_sel,option)){
				choose_sel.options[s++] = new Option(brand_options[i].text  ,brand_options[i].value); 
			}
		}
	}
}
?

function leftMove(){
	$("#choose_sel>option").each(function(){
		var option= $(this);
		if(option.attr("selected")){
			option.remove();
		}
	});
}

function clean(){
 
	$("#choose_sel>option").each(function(){
		 $(this).remove();
	});
	
}
 
function selectChoose(){
	$("#choose_sel>option").attr("selected","true");
	return true;
}

function  contains(obj_sel,option){
	var options = obj_sel.options;
	for(var i=0;i<options.length;i++){
		if(options[i].value == option.value){
			return true;
		}
	}
	
	return false;
}

?11