能否通过List或其他方式选中复选框式下拉菜单中的两个元素？

当然可以，核心是通过目标选项的标识列表（比如值、文本）来匹配并设置选中状态，以下分几种常见场景说明：

原生HTML多选下拉框（<select multiple>） #

原生<select multiple>本身支持多选，可通过JS结合列表批量选中：

<select id="multiSelect" multiple>
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

// 定义要选中的选项值列表
const targetOptions = ['option1', 'option3'];
const selectEl = document.getElementById('multiSelect');

// 遍历所有选项，匹配列表值后设置选中
Array.from(selectEl.options).forEach(opt => {
  opt.selected = targetOptions.includes(opt.value);
});

自定义复选框下拉组件（非原生select） #

很多UI库或自定义组件会用div+checkbox模拟下拉，同样可以通过列表批量选中：
假设组件结构如下：

<div class="custom-dropdown">
  <div class="dropdown-toggle">点击选择</div>
  <div class="dropdown-content">
    <label><input type="checkbox" value="optA">选项A</label>
    <label><input type="checkbox" value="optB">选项B</label>
    <label><input type="checkbox" value="optC">选项C</label>
  </div>
</div>

const targetValues = ['optA', 'optC'];
const checkboxes = document.querySelectorAll('.custom-dropdown input[type="checkbox"]');

checkboxes.forEach(box => {
  if (targetValues.includes(box.value)) {
    box.checked = true;
    // 若组件依赖change事件触发状态更新，手动触发
    box.dispatchEvent(new Event('change'));
  }
});

前端框架场景（React/Vue等） #

如果用框架开发，直接通过绑定的数组状态控制选中项即可：

• Vue示例：用v-model绑定数组，数组元素为选中的选项值

<select multiple v-model="selectedOptions">
  <option value="opt1">选项1</option>
  <option value="opt2">选项2</option>
</select>
<script>
export default {
  data() {
    return {
      selectedOptions: ['opt1', 'opt2'] // 直接设置要选中的选项列表
    }
  }
}
</script>

• React示例：用useState维护选中数组，渲染时对应设置checked属性

import { useState } from 'react';

function MultiDropdown() {
  const [selectedValues, setSelectedValues] = useState(['optA', 'optC']);
  
  return (
    <div className="dropdown-content">
      {['optA', 'optB', 'optC'].map(val => (
        <label key={val}>
          <input
            type="checkbox"
            value={val}
            checked={selectedValues.includes(val)}
            onChange={(e) => {
              const newSelected = e.target.checked 
                ? [...selectedValues, val] 
                : selectedValues.filter(v => v !== val);
              setSelectedValues(newSelected);
            }}
          />
          {val}
        </label>
      ))}
    </div>
  );
}

内容的提问来源于stack exchange，提问作者Prasanna