如何在百里叶中用checkbox实现多选下拉并将所选值显示给Spring控制器

<select multiple>
  <option value="value1">选项1</option>
  <option value="value2">选项2</option>
  <option value="value3">选项3</option>
</select>

var selectElement = document.querySelector('select');
var checkboxElements = document.querySelectorAll('input[type="checkbox"]');

selectElement.addEventListener('change', function() {
  var selectedValues = Array.from(selectElement.selectedOptions).map(option => option.value);
  // 将选中的值传递给Spring控制器
});

checkboxElements.forEach(function(checkbox) {
  checkbox.addEventListener('change', function() {
    var selectedValues = Array.from(selectElement.selectedOptions).map(option => option.value);
    // 将选中的值传递给Spring控制器
  });
});