未选择:

已选择:

// 获取元素
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]);
  }
});

效果:

JavaScript 实现双向多选框:将选项从左侧移动到右侧

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

免费AI点我,无需注册和登录