Html Javascript创建往返选择框

我需要创建一个选择框，双击或使用“添加/删除”按钮从另一个框中来回选择值

--------------------           --------------------                     
|    data1         |           |      data1       |
|    data2         |   Add-->  |                  |
|    data3         | <--Remove |                  |
|    data4         |           |                  |
|    data5         |           |                  |
|    data6         |           |                  |
--------------------           --------------------

我只知道选择和选项的方法，提供下拉菜单

我在谷歌上搜索过它，但没有找到任何具体的帮助，所以我甚至不能从它开始

请帮我一个开始的方法

---

谢谢

$yourDropdownId.find:selected.text提供下拉列表的选定文本，$yourDropdownId.val提供下拉列表的选定值。

此代码使您可以通过双击将元素从一个框移到另一个框

$'box1'。在'dblclick'，'.element'，函数上{ $'box2'。追加$this； } $'box2'。在'dblclick'，'.element'，函数上{ $'box1'。追加$this； } 盒子1，盒子2{ 浮动：左； 文本对齐：居中； 右边距：20px； 宽度：150px； 边框：1px纯黑； 最小高度：150px； } .元素{ 边框：1px纯红； 背景：黄色； 光标：指针； } 要素1 要素2 要素3 要素4

---

请写下您尝试过的内容。@ParthTrivedi我不想尝试，因为我不知道怎么做，搜索了很多google，但没有帮助。如果您将标签的大小属性设置为大于1的值，您将得到一个列表框而不是下拉菜单。@MauricePerry谢谢，这很有帮助。我不想要下拉框，我不想要固定框，但我想这会有帮助的。这正是我所需要的，非常感谢你的快速回答。