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

1.

总结：

<tr>
<td width="19%" height="77" align="left" >
???? <select name="brandlist" id="brand_sel" multiple="true">
??????????<option value="1">爱慕</option>
??????????<option value="2">GAINREEL</option>
??????????<option value="3">优品生活</option>
??????????<option value="4">猫人</option>
???????????<option value="5">七匹狼</option>
??????????<option value="6">百丽</option>
??????????<option value="7">Tata</option>
?????</select>

<td width="13%" align="center" >
? <input type="button" value=" -> " onclick="javascript:rightMove();"/><br/>
? <input type="button" value=" <- " onclick="javascript:leftMove();"/><br/>
? <input type="button" value=" 重置 " onclick="javascript:clean();"/>
</td>
<td width="68%" height="77" align="left" >
???<select id="choose_sel" multiple="true">
??????????<option value="5">七匹狼</option>
???</select>
</td></tr>
</table>

?具体实现代码如下：

?????????? 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  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