JQuery（Bookmarklet） - 从另一个列表中添加一个选择

Question

我使用的网页有2个列表。第一个列表是可供选择的项目的完整列表，第二个列表是所选项目列表。每次我必须将可用项目中的某个项目添加到我选择的列表中，所以我想使用JQuery并保存书签以摆脱重复选择和保存。

示例：

<fieldset>
<center>
<div class="row">
<div class="col-xs-5">
<select name="b_main[]" id="search" style="background:#f2f2f2;" size="20" multiple="multiple">
<option value="84">A1</option><option value="61">A2</option><option value="60">A3</option> </select>
</div>
<div class="col-xs-5">
<select name="b[]" id="search_to" style="background:#f2f2f2;" size="8" multiple="multiple">
<option value="58">B1</option><option value="50">B2</option><option value="38">B3</option>
</div>
</div>
</center>
</fieldset>

b_main []是可用的项目列表。我想将A1添加到我选择的列表b []。

目标：我希望从b_main []中删除A1并添加到b []并将代码保存为书签。

Answer 1

试试这个：https://codepen.io/anon/pen/BrMGVz

以下是带注释的JavaScript：

XCTestCase

并作为书签：

// Column we're selecting from
var columnA = $("#search");

// Column we're moving values to
var columnB = $("#search_to");

// Move value A1 to column B
columnA.find('[value="84"]').detach().appendTo(columnB);