多个选择元素 - onchange

Question

我有一个select元素允许多个选择.当用户对所选内容进行更改时,我想在页面的另一部分(div或其他部分)中显示所选值.

这样做的唯一方法是迭代"选项"并检查"选择"是否为真？这不是优选的,因为每个"onchange"事件都需要迭代整个select元素.

这是一个小提琴,演示了我目前是如何做到这一点,但我希望可能有一个更好的方法,而不是迭代每个"变化"的所有选项:多个选择elment onchange小提琴

Answer 1

检查jsFiddle链接

.val() 在多个选择上返回一个数组.

Answer 2

在你的小提琴中,我只是用过.val().这将返回一个数组

JSFiddle链接

$(function() {
    $('#fruits').change(function() {
        console.log($(this).val());
    }); 
});

Answer 3

如果你可以使用jQuery,它可能很简单:

$('select').change(function() {alert($(this).val())})