从列表框移动到另一个ListBox

时间:2011-05-09 18:37:27

标签: jquery asp.net

我有以下代码:

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 listbox元素的例子。我使用html标签测试,但这没有用。

任何人都可以为此提供帮助。

感谢。

2 个答案:

答案 0 :(得分:1)

尝试从以下位置更改选择器:

#lstDisponibles > option[@selected]

为:

#lstDisponibles > option:selected

添加将是:

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

答案 1 :(得分:1)

他们的语法应该是

$("#lstDisponibles > option:selected")

另外请注意.net不会更改您的ID。