JavaScript 实现双向多选框:将选项从左侧移动到右侧
未选择:
已选择:
// 获取元素
const unselectedBox = document.getElementById('unselected');
const selectedBox = document.getElementById('selected');
const moveBtn = document.getElementById('moveBtn');
// 给按钮绑定点击事件
moveBtn.addEventListener('click', function() {
// 获取选中的选项
const selectedOptions = unselectedBox.selectedOptions;
// 将选中的选项添加到已选择多选框中
for (let i = 0; i < selectedOptions.length; i++) {
selectedBox.appendChild(selectedOptions[i]);
}
});
效果:

原文地址: http://www.cveoy.top/t/topic/lxpZ 著作权归作者所有。请勿转载和采集!