<Table> <TR> <TD> <Selectmultiple= "multiple"ID= "Leftselect"> <Optgrouplabel= "selectable"> <optionvalue= "1">1111</option> <optionvalue= "2">2222</option> <optionvalue= "3">3333</option> <optionvalue= "4">4444</option> </Optgroup> </Select> </TD> <TD> <spanhref= "javascript:;"class= "Movebtn" from= "#leftSelect" to= "#rightSelect">Move right</span> <BR/> <BR/> <spanhref= "javascript:;"class= "Movebtn" from= "#rightSelect" to= "#leftSelect">Move left</span> </TD> <TD> <Selectmultiple= "multiple"ID= "Rightselect"> <Optgrouplabel= "Available"></Optgroup> </Select> </TD> </TR> </Table>
<script> $(function () { $(". Movebtn"). Click (function () { varFrom = $ ($ ( This). attr ("from")); varTo = $ ($ ( This). attr ("to")); varSelected = From.find (": Selected"). attr ("Selected",false). ToArray (); varoption = to.find ("option")). ToArray (); vararr = selected.concat (option). Sort (function(A, B) {returnA.value-B.value}); To.find ("Optgroup"). Append (arr); }); }); </script>
Two Select transfers