这个表单元素叫什么，怎么做

Question

alt text http://img14.imageshack.us/img14/5020/whatbox.png

我不知道这叫什么，但是你有两个列表，中间有一个按钮可以来回切换选项。

问题[a]这叫做什么。

问题[b]你如何制作一个。

Answer 1

您可以使用jquery crossSelect plugin为您完成大部分工作。

Answer 2

有人称之为DualListBox，这里有一些jquery让它工作......这个例子实际上有按钮在列表框之间来回移动项目。

的 JQUERY

  $(document).ready(function() {
    $(".btnright").click(function() { $('select[name=ListBox1] option:selected').appendTo('.ListBox2'); });
    $(".btnleft").click(function() { $('select[name=ListBox2] option:selected').appendTo('.ListBox1'); });
});

---

ASP代码（但只能使用html按钮和选择框）

  <div>
        <asp:ListBox ID="ListBox1" CssClass="ListBox1" runat="server">
            <asp:ListItem>1</asp:ListItem>
            <asp:ListItem>2</asp:ListItem>
            <asp:ListItem>3</asp:ListItem>
            <asp:ListItem>4</asp:ListItem>
            <asp:ListItem>5</asp:ListItem>
            <asp:ListItem>6</asp:ListItem>
            <asp:ListItem>7</asp:ListItem>
        </asp:ListBox>
        <asp:ListBox ID="ListBox2" CssClass="ListBox2" runat="server">
            <asp:ListItem>8</asp:ListItem>
            <asp:ListItem>9</asp:ListItem>
            <asp:ListItem>10</asp:ListItem>
        </asp:ListBox>
        <br />
        <span class='btnleft'><<< Left </span>&nbsp;&nbsp;&nbsp;&nbsp; <span class='btnright'>Right
            >>> </span>

Answer 3

它被称为<select>

<select name="myName" size="5">
    <option value="v1">val1</option>
    <option value="v2">val2</option>
    <option value="v3">val3</option>
</select>

至于在两个控件之间移动项目，您需要从第一个选择框中删除一个选项并将其附加到第二个选项。这必须通过JavaScript完成。

Answer 4

你会有两个＆lt; select＆gt;，中间有一个按钮。点击按钮，您将使用javascript将所选的一个移动到第二个＆lt; select＆gt;