javascript - 将下拉列表中的多选值添加到数组

我试图从多选下拉列表中获取选定的值，并将选定的值添加到数组中。

我目前使用的方式是，它在下拉列表中添加所有值，而不是所选值。

这是HTML：

<div class="form-group">
    <select multiple class="form-control" id="servicePackageTypeText">
        <option disabled selected value> -- select an option -- </option>
        <option><?php echo $servicehtml ?></option>
    </select>
</div>

这是JavaScript：

var sourcetype = document.getElementById("servicePackageTypeText");
var servicearray = new Array();

for (i = 0; i < sourcetype.length; i++)
{
    servicearray.push(sourcetype.options[i].value);
}

关于如何获取所选值的任何提示？
谢谢。

最佳答案

我可以在for循环中使用“ selectOptions”解决此问题：

var sourcetype = document.getElementById("servicePackageTypeText");
var servicearray = new Array();
for (i = 0; i < sourcetype.selectedOptions.length; i++)
{
    servicearray.push(sourcetype.selectedOptions[i].value);
}

关于javascript - 将下拉列表中的多选值添加到数组，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53618500/