Javascript -如何将选择值记录为多选下拉列表中的数组(包括添加和删除)

JavaScript中可以使用以下方法将选择值记录为多选下拉列表中的数组：

首先，获取多选下拉列表的DOM元素：

var selectElement = document.getElementById("mySelect");

创建一个空数组来存储选择的值：

var selectedValues = [];

监听下拉列表的change事件，并在每次选择发生变化时更新数组：

selectElement.addEventListener("change", function() {
  selectedValues = Array.from(selectElement.selectedOptions).map(option => option.value);
});

添加选项到数组中：

selectedValues.push(newValue);

从数组中删除选项：

var index = selectedValues.indexOf(valueToRemove);
if (index > -1) {
  selectedValues.splice(index, 1);
}

完整的示例代码如下：

var selectElement = document.getElementById("mySelect");
var selectedValues = [];

selectElement.addEventListener("change", function() {
  selectedValues = Array.from(selectElement.selectedOptions).map(option => option.value);
});

function addValue(newValue) {
  selectedValues.push(newValue);
}

function removeValue(valueToRemove) {
  var index = selectedValues.indexOf(valueToRemove);
  if (index > -1) {
    selectedValues.splice(index, 1);
  }
}

这种方法可以将选择的值记录为一个数组，并且可以方便地添加和删除选项。在实际应用中，可以根据需要将该数组用于后续的数据处理或其他操作。

腾讯云相关产品和产品介绍链接地址：