如何使用javascript从多个选择字段存储多个值？

Question

我无法将所有选定的选项存储为列表，我的代码只会选择第一个选中的选项并忽略其余选项。我该如何解决这个问题？

<label for="itemlist">Items</label>
<br>
<select id="itemlist" name="itemlist" multiple="multiple" required>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
</select>

<script type="text/javascript">                                 
    $(function() {
        $('#itemlist').change(function() {
            console.log($(this).val());
        }).multipleSelect({
            width: '100%'
        });
    });

</script>

Answer 1

Gus，

当你正在使用它jQuery $('selector').val()时，这将检索（逗号分隔）在select标签上选择的所有值。

以下是我使用.on('click', function)为您撰写的示例。

FIDDLE

希望这有帮助！