JS：用多个输入的值创建逗号分隔的值

Question

所以我有这个代码

myTask[]是这样的选择选项

<select name="myTask[]" class="myTask" id="myTask1">
 <option value="1">Task1</option>
 <option value="2">Task1</option>
 <option value="3">Task1</option>
</select>


<select name="myTask[]" class="myTask" id="myTask2">
 <option value="1">Task1</option>
 <option value="2">Task2</option>
 <option value="3">Task3</option>
</select>

<select name="myTask[]" class="myTask" id="myTask3">
 <option value="1">Task1</option>
 <option value="2">Task2</option>
 <option value="3">Task3</option>
</select>

并使用此代码轻松获得这些select的值。

JavaScript

var task = document.getElementsByName('myTask[]');
for (var i = 0, iLen = task.length; i < iLen; i++) {
    alert(task[i].value);
}

但是我想将它们存储在一个用逗号分隔的var中。

如果用户从不同的task中选择了不同的select

var的值应类似于此

var arrTask = [2, 3, 1];

我正在尝试将所有选定的值从3 select存储到1 var

Answer 1

使用Array.from将类似数组的对象（如myTask[]元素的集合）转换为数组，同时将其通过映射器函数以提取每个选择元素的.value：