-
打开 js/index.js
文件,并在 $(function () {... })
代码块内添加代码。
-
实现 $("#add")
的点击事件处理函数,将选中的用户从左列表移动到右列表。
$("#add").click(function () {
// TODO
let option = $("#leftSelect option:selected");
option.each((index, item) => {
$(`#leftSelect option[value=${item.value}]`).remove();
$("#rightSelect")[0].add(new Option(item.value, item.value));
});
});
-
实现 $("#addAll")
的点击事件处理函数,将所有用户从左列表移动到右列表。
$("#addAll").click(function () {
// TODO
let option = $("#leftSelect option");
option.each((index, item) => {
$(`#leftSelect option[value=${item.value}]`).remove();
$("#rightSelect")[0].add(new Option(item.value, item.value));
});
});
-
实现 $("#remove")
的点击事件处理函数,将选中的用户从右列表移动到左列表。
$("#remove").click(function () {
// TODO
let option = $("#rightSelect option:selected");
option.each((index, item) => {
$(`#rightSelect option[value=${item.value}]`).remove();
$("#leftSelect")[0].add(new Option(item.value, item.value));
});
});
-
实现 $("#removeAll")
的点击事件处理函数,将所有用户从右列表移动到左列表。
$("#removeAll").click(function () {
// TODO
let option = $("#rightSelect option");
option.each((index, item) => {
$(`#rightSelect option[value=${item.value}]`).remove();
$("#leftSelect")[0].add(new Option(item.value, item.value));
});
});