如何利用遍历输出人员多选框的人员所在部门合集

假设人员组件的多选框 id 为 user-select，输出部门集合的文本框 id 为 dept-output，可以使用以下代码实现：

// 获取人员多选框
let userSelect = document.getElementById('user-select');

// 监听人员多选框变化事件
userSelect.addEventListener('change', function() {
  // 获取选中人员的部门集合
  let depts = new Set();
  let selectedUsers = userSelect.selectedOptions;
  for (let i = 0; i < selectedUsers.length; i++) {
    let userDept = selectedUsers[i].dataset.dept;
    depts.add(userDept);
  }

  // 将部门集合输出到文本框
  let deptOutput = document.getElementById('dept-output');
  deptOutput.value = Array.from(depts).join(', ');
});

上述代码中，利用了 Set 数据结构来存储部门集合，使用了 dataset 属性获取数据。在人员多选框变化时，获取选中人员的部门，再利用 Array.from() 和 join() 方法将部门集合转换成逗号分隔的字符串输出到文本框中。