To move List Item from one List Item to another using Jquery use below Code
Add two listbox on ASP.Net Page
<div>
Primary Collection
<asp:ListBox ID=”lstPrimary” runat=”server”>
<asp:ListItem Value=”one”>One</asp:ListItem>
<asp:ListItem Value=”Two”>Two</asp:ListItem>
<asp:ListItem Value=”Three”>Three</asp:ListItem>
<asp:ListItem Value=”Four”>Four</asp:ListItem>
<asp:ListItem Value=”Five”>Five</asp:ListItem>
</asp:ListBox>
</div>
<div >
<asp:ListBox ID=”lstAllTags” runat=”server” Height=”149px” SelectionMode=”Multiple”
Width=”113px”>
<asp:ListItem Value=”1″>1</asp:ListItem>
<asp:ListItem Value=”2″>2</asp:ListItem>
<asp:ListItem Value=”3″>3</asp:ListItem>
<asp:ListItem Value=”4″>4</asp:ListItem>
<asp:ListItem Value=”5″>5</asp:ListItem>
<asp:ListItem Value=”6″>6</asp:ListItem>
<asp:ListItem Value=”7″>7</asp:ListItem>
<asp:ListItem Value=”8″>8</asp:ListItem>
<asp:ListItem Value=”9″>9</asp:ListItem>
<asp:ListItem Value=”10″>10</asp:ListItem>
</asp:ListBox>
</div>
Put Button or Link on which we need to move Listitem
<a class=”btn gray” id=”lnkPrimaryAdd” href=”#” >Add To Primary</a>
Add Jquery to move list item
<script type=”text/javascript”>
$(document).ready(function () {
//Primary Add Button Click event
$(“#lnkPrimaryAdd”).click(function () {
var selectedOpts = $(‘[id$=lstAllTags] option:selected’);
if (selectedOpts.length == 0) {
alert(“Please select Tag.”);
e.preventDefault();
}
else {
$(‘[id$=lstPrimary]’).append($(selectedOpts).clone());
$(selectedOpts).remove();
e.preventDefault();
}
});
});
</script>