1. <form name=“Example” id=“Example” action=“ ” method=“post” onsubmit=“javascript:test();”>  
2. <table border=“0″ cellpadding=“3″ cellspacing=“0″>  
3.     <tr>  
4.         <td>  
5.             <select id =“Features” name=“Features[]“ multiple=“multiple”>  
6.                 <option value=“2″>Row 2</option>  
7.                 <option value=“4″>Row 4</option>  
8.                 <option value=“5″>Row 5</option>  
9.                 <option value=“6″>Row 6</option>  
10.                 <option value=“7″>Row 7</option>  
11.                 <option value=“8″>Row 8</option>  
12.                 <option value=“9″>Row 9</option>  
13.             </select>  
14.         </td>  
15.         <td align=“center” valign=“middle”>  
16.             <input type=“Button” value=“Add >>” style=“width:100px” id=“add”/>  
17.     
18.      
19.   
20.               
21.   
22.             <input type=“Button” value=“<< Remove” style=“width:100px” id=“remove”/>  
23.      
24.         </td>  
25.         <td>  
26.             <select name=“FeatureCodes[]“ size=“9″ id=“FeatureCodes” multiple=“multiple”>  
27.                 <option value=“1″>Row 1</option>  
28.                 <option value=“3″>Row 3</option>  
29.             </select>  
30.      
31.         </td>  
32.     
33. <td><input type=“text” name=“tt” value=“55″/></td>  
34.     </tr>  
35.  <input type=“submit” name=“submit” value=“submit”/>  
36. </table>  
37.   
38. </form>  
39.   
40.   
41. <script>  
42.   
43. $().ready(function() {  
44.    $(‘#add’).click(function() {  
45.     return !$(‘#all_artist option:selected’).remove().appendTo(‘#selected_atrist’);  
46.    });  
47.    $(‘#remove’).click(function() {  
48.     return !$(‘#selected_atrist option:selected’).remove().appendTo(‘#all_artist’);  
49.    });  
50.     
51.    
52.   });  
53.    
54.   
55. function selectall()  
56. {  
57. $(‘#selected_atrist’).find(‘option’).each(function() {  
58.    $(this).attr(‘selected’, ‘selected’);  
59.   });  
60. }  
61. </script>  

<form name=”Example” id=”Example” action=” ” method=”post” onsubmit=”javascript:test();”><br /> <table border=”0″ cellpadding=”3″ cellspacing=”0″><br /> <tr><br /> <td><br /> <select id =”Features” name=”Features[]” multiple=”multiple”><br /> <option value=”2″>Row 2</option><br /> <option value=”4″>Row 4</option><br /> <option value=”5″>Row 5</option><br /> <option value=”6″>Row 6</option><br /> <option value=”7″>Row 7</option><br /> <option value=”8″>Row 8</option><br /> <option value=”9″>Row 9</option><br /> </select><br /> </td><br /> <td align=”center” valign=”middle”><br /> <input type=”Button” value=”Add >>” style=”width:100px” id=”add”/></p> <p> <br><br /> <br><br /> <input type=”Button” value=”<< Remove” style=”width:100px” id=”remove”/></p> <p> </td><br /> <td><br /> <select name=”FeatureCodes[]” size=”9″ id=”FeatureCodes” multiple=”multiple”><br /> <option value=”1″>Row 1</option><br /> <option value=”3″>Row 3</option><br /> </select></p> <p> </td></p> <p><td><input type=”text” name=”tt” value=”55″/></td><br /> </tr><br /> <input type=”submit” name=”submit” value=”submit”/><br /> </table></p> <p></form></p> <p><script></p> <p>$().ready(function() {<br /> $(‘#add’).click(function() {<br /> return !$(‘#all_artist option:selected’).remove().appendTo(‘#selected_atrist’);<br /> });<br /> $(‘#remove’).click(function() {<br /> return !$(‘#selected_atrist option:selected’).remove().appendTo(‘#all_artist’);<br /> });</p> <p> });</p> <p>function selectall()<br /> {<br /> $(‘#selected_atrist’).find(‘option’).each(function() {<br /> $(this).attr(‘selected’, ‘selected’);<br /> });<br /> }<br /> </script><br />