javascript - 将用户选择添加到数组中

Question

这个问题已经有答案了:

How to get all selected values of a multiple select box? (28 个回答)

已关闭 8 年前。

我需要将多个选择列表中的选项添加到数组中，并确保如果用户取消选择其中一个选项，则会将其从数组中删除。我已经研究了切片和推送数组方法，但我对 JavaScript 仍然很陌生。这是我的选择列表:

<select id="topic" multiple>
    <option value="general">General</option>
    <option value="feedback">Feedback</option>
    <option value="question">Question</option>
    <option value="concern">Concern</option>
    <option value="request">Request</option>
</select>

Answer 1

像这样怎么样？

var values = [];
var select = document.getElementById('topic');
select.addEventListener('change', function() {
  values = [];

  for (var i = 0; i < select.selectedOptions.length; i++) {
    var option = select.selectedOptions[i];
    values.push(option.value);
  };

  console.log(values);
});

例如:http://jsbin.com/xayuge/1/