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