日期:2014-05-16 浏览次数:20460 次
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