<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /><title>Untitled Document</title><Scripttype= "Text/javascript"src= "Jquery-1.11.0.js"></Script><Scripttype= "Text/javascript">$ (document). Ready (function(){ $("#allToRight"). Click (function(){ $("#select1 Option"). AppendTo ("#select2"); }) $("#allToLeft"). Click (function(){ $("#select2 Option"). AppendTo ("#select1"); }) $("#selectedToRight"). Click (function() {alert ($ ("#select1 option:selected"). Size ()); $("#select1 option:selected"). AppendTo ("#select2"); }) $("#selectedToLeft"). Click (function(){ $("#select2 option:selected"). AppendTo ("#select1"); }) })</Script></Head><Body><!--multiple Set Whether you can select multiple -<Selectmultiple= "true"style= "height:300px; width:100px;float:left;"ID= "Select1"> <optionvalue= "1">Option 1</option> <optionvalue= "2">Option 2</option> <optionvalue= "3">Option 3</option> <optionvalue= "4">Option 4</option> <optionvalue= "5">Option 5</option> <optionvalue= "6">Option 6</option> <optionvalue= "7">Option 7</option> <optionvalue= "8">Option 8</option> <optionvalue= "9">Option 9</option> <optionvalue= "Ten">Option 10</option></Select><Divstyle= "float:left;padding:10px;"> <inputtype= "button"value= " --"ID= "Selectedtoright"/><BR/> <inputtype= "button"value= "==>"ID= "Alltoright"/><BR/> <inputtype= "button"value= "<--"ID= "Selectedtoleft"/><BR/> <inputtype= "button"value= "<=="ID= "Alltoleft"/></Div><Selectmultiple= "true"style= "height:300px; width:100px;float:left;"ID= "Select2"></Select></Body></HTML>