ASP.NET

public class StoreIndexViewModel
   {
       public int NumberOfGenres { get; set; }
       public List<string> Genres { get; set; }
   }

namespace TestProject.ViewModels
{
    public class StoreIndexViewModel
    {

       //definition of Fields
        public int _numberofgenre;
        public List<string> _genres;

        
        //definition of property
        public int Numberofgenre
        {
            set { _numberofgenre = value;}
            get { return _numberofgenre; }
        }

        public List<string> Genre
        {
            set { _genres = value; }
            get { return _genres;}
        }




        
        //definition of constructor
        public StoreIndexViewModel(int numberofgenre,List<string> genre)
        {
            this._numberofgenre = numberofgenre;
            this._genres = genre;
        }

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="User_Controls_WebUserControl" %>

&nbsp;&nbsp;&nbsp; <!--Add JQuery reference -->
    <script src="../Javascript/jquery-1.4.1.js" type="text/javascript"></script>
    
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            debugger;
            //If you want to move selected item from fromListBox to toListBox
            $("#add").click(function () {
                debugger;
                $("#fromListBox  option:selected").appendTo("#toListBox");
            });
            //If you want to move all item from fromListBox to toListBox
            $("#addAll").click(function () {
                $("#fromListBox option").appendTo("#toListBox");
            });
            //If you want to remove selected item from toListBox to fromListBox
            $("#remove").click(function () {
                $("#toListBox option:selected").appendTo("#fromListBox");
            });
            //If you want to remove all items from toListBox to fromListBox
            $("#removeAll").click(function () {
                $("#toListBox option").appendTo("#fromListBox");
            });

        });
</script>


  <table>
  <tr>
  <td><asp:ListBox ID="fromListBox" runat="server" SelectionMode="Multiple" Rows="6">
            <asp:ListItem>Delhi</asp:ListItem>
            <asp:ListItem>Chennai</asp:ListItem>
            <asp:ListItem>Pune</asp:ListItem>
             <asp:ListItem>Kolkata</asp:ListItem>
             <asp:ListItem>Mumbai</asp:ListItem>
             <asp:ListItem>Bangalore</asp:ListItem>
        </asp:ListBox></td>
  <td> <input id="add" type="button" value="Add" /><br/>
        <input id="addAll" type="button" value="Add All" /><br/>
        <input id="remove" type="button" value="Remove" /><br/>
        <input id="removeAll"type="button" value="Remove All" /><br/></td>
  <td><asp:ListBox ID="toListBox" runat="server" SelectionMode="Multiple" Rows="6"></asp:ListBox>  </td>
  </tr>
  </table>