jquery - 从列表框移动到其他列表框

Question

我有以下代码:

HTML

<table width="30%" border="0">
<tr>
    <td colspan="4" align="center">
<asp:Label ID="Label12" runat="server" CssClass="label" Text="Responsabilidades"></asp:Label>
    </td>
</tr>
<tr>
    <td colspan="4">
        <asp:ListBox ID="lstDisponibles" runat="server" Width="140px" 
            Height="110px" SelectionMode="Multiple">
            <asp:ListItem>s</asp:ListItem>
            <asp:ListItem>w</asp:ListItem>
            <asp:ListItem>f</asp:ListItem>
        </asp:ListBox>
    </td>
    <td>
        <input id="imgAdd" type="image" src="../../images/control_fastforward.png" value="button" />                                   
        <br />
        <input id="imgRem" type="image" src="../../images/control_rewind.png" value="button" />                                   
    </td>
    <td>
       <asp:ListBox ID="lstUsuario" runat="server" Width="140px" Height="110px" SelectionMode="Multiple">
        </asp:ListBox>
    </td>
    <td></td>
</tr>

</table>

和 jQuery 代码:

$(document).ready(function () {
    $("#imgAdd").click(function () {
        $("#lstDisponibles > option[@selected]").appendTo("#lstUsuario");
    });
    $("#imgRem").click(function () {
        $("#lstUsuario > option[@selected]").appendTo("#lstDisponibles");
    });
}); 

我想从 lstDisponibles 迁移到 lstUsuarios，但这不起作用。我可以找到任何使用 asp.net 列表框元素的示例。我使用 html 标签进行测试，但这没有用。

任何人都可以帮我解决这个问题。

谢谢。

Answer 1

尝试更改您的选择器:

#lstDisponibles > option[@selected]

至:

#lstDisponibles > option:selected

添加为:

$("#lstUsuario").append($("#lstDisponibles > option:selected"));