Javascript 操作 ListBox或者Select(从Select1添加到Select2操作及逆操作) ListBoxUser SelectUser 页面设计 <talble> <tr> <td> <asp:ListBox runat="server" ID="ListBoxUser" Height="200" Width="80" SelectionMode="Multiple" ></asp:ListBox> </td> <td style="width :50px;" align="center" > <input type="button" value='>>' οnclick='allSelect("ListBoxUser","SelectedUser")' /> <br /> <br /> <input type="button" value=' > ' οnclick='singleSelect("ListBoxUser","SelectedUser")'/> <br /> <br /> <input type="button" value='<<' οnclick='allSelect("SelectedUser","ListBoxUser")'/> <br /> <br /> <input type="button" value=' < 'οnclick='singleSelect("SelectedUser","ListBoxUser")' /> </td> <td> <asp:ListBox runat="server" ID="SelectedUser" Height="200" Width="80" SelectionMode="Multiple" ></asp:ListBox> </td> </tr> </table> javascript 方法 function singleSelect(s1,s2) { var objList1=document .getElementById (s1); var objList2=document .getElementById (s2); for (var i=0;i<objList1 .options.length;i++) { var optionItem=objList1 .options[i]; if(optionItem .selected==true ) { var option = new Option(optionItem.text,optionItem.value); objList2.options.add(option); } } for (var j=0;j<objList2.options.length;j++) { var optionItem1=objList2 .options[j]; var index=ExistsCheck (objList1 ,optionItem1 .value) if(index >=0) objList1.options.remove(index); } } function ExistsCheck(objList,objItemValue) { var index=-1; for(var i=0;i<objList.options.length;i++) { if(objList .options[i].value==objItemValue ) { index =i; break ; } else { index=-1; continue ; } } return index ; } function allSelect(s1,s2) { var objList1=document .getElementById (s1); var objList2=document .getElementById (s2); if(objList2.options.length==0) { objList2.options.length=0; for (var i=0;i<objList1 .options.length;i++) { var optionItem=objList1 .options[i]; var option = new Option(optionItem.text,optionItem.value); objList2.options.add(option); } objList1.options.length=0; } else { for (var i=0;i<objList1 .options.length;i++) { var optionItem=objList1 .options[i]; var index=ExistsCheck (objList2 ,optionItem .value) if(index ==-1) { var option = new Option(optionItem.text,optionItem.value); objList2.options.add(option); } } for (var j=0;j<objList2.options.length;j++) { var optionItem1=objList2 .options[j]; var index=ExistsCheck (objList1 ,optionItem1 .value) if(index >=0) objList1.options.remove(index); } } }