把一个listbox中的item移动到另一个listbox里

主要作用是把一个listbox中的item移动到另一个listbox里，并改变listbox中item的数据库中的属性值（归属）。

客户端放两个listbox,支持多选，两个listbox中间放两个button,用于左移和右移。客户端添加一个dropdownlist用于给第一个listbox绑定值。

<table> <tr> <td> <asp:DropDownList ID="GroupList" runat="server" onselectedindexchanged="GroupList_SelectedIndexChanged" AutoPostBack="true"> </asp:DropDownList> </td> <td><asp:ListBox ID="fromListBox" runat="server" Height="320px" Width="180px" SelectionMode="Multiple"></asp:ListBox></td> <td><p><input type="button" id="MoveRight" value="右移>>" /></p><p><input type="button" id="MoveLeft" value="左移<<" /></p></td> <td> <asp:ListBox ID="toListBox" runat="server" Height="320px" Width="180px" SelectionMode="Multiple"></asp:ListBox> </td> </tr> </table>

当点击左移时，改变其在数据库中的归属字段(把要修改的id以字符串的形式传给存储过程，在存储过程中转为单个的id，然后批量更新，这里略)，如果成功则左移(js:$('#toListBox option:selected').appendTo('#fromListBox');)。右移同。

<mce:script language="javascript" type="text/javascript"><!-- jQuery(function($) { $('#MoveRight').click(function() { $(this).attr("disabled", "true"); var idList = ""; $('#fromListBox option:selected').each(function() { idList = idList + $(this).val() + ","; }); if (idList == "") { alert("您没有选择任何一个小区！"); $(this).removeAttr("disabled"); return false; } idList = idList.substring(0, idList.length - 1); $.ajax({ type: "post", url: "<%=grouponurl %>/ajax/resetRMG.aspx", data: { "idList": idList, "groupId": "-1" }, success: function(res) { $('#MoveRight').removeAttr("disabled"); if (res == "suc") { $('#fromListBox option:selected').appendTo('#toListBox'); } else { alert("修改失败"); } } }); }); $('#MoveLeft').click(function() { $(this).attr("disabled", "true"); var idList = ""; $('#toListBox option:selected').each(function() { idList = idList + $(this).val() + ","; }); if (idList == "") { alert("您没有选择任何一个小区！"); $(this).removeAttr("disabled"); return false; } idList = idList.substring(0, idList.length - 1); var groupId = $('#GroupList').val(); $.ajax({ type: "post", url: "<%=grouponurl %>/ajax/resetRMG.aspx", data: { "idList": idList, "groupId": groupId }, success: function(res) { $("#MoveLeft").removeAttr("disabled"); if (res == "suc") { $('#toListBox option:selected').appendTo('#fromListBox'); } else { alert("修改失败"); } } }); }); }); // --></mce:script>