javascript - 如何从列表框中选择多个值

Question

我有下面的代码，如果我选择一个值，它工作正常，但现在我需要这样，当我从列表框中选择多个值时，我必须获取所选值的值。我该怎么办？ 这是代码，

HTML 代码:

<select id="attributeNames" name="attributeNames" size="5" multiple="multiple"         
onchange="getUniqueValues(value)">
<option value="Apple"> Apple </option>
<option value="Mango"> Mango </option>
<option value="Orange"> Orange </option>
<option value="Banana"> Banana </option>                                            
</select>

JavaScript:

function getUniqueValues(value){
alert(value);
}

例如: 如果我选择苹果，那么我会收到警报说苹果，现在如果我选择苹果和芒果，我必须收到具有苹果和芒果值的警报。这里遇到问题。

代码如下:http://jsfiddle.net/5VtE3/2/

提前致谢，

Answer 1

这是一个关于如何执行此操作的示例 -

HTML -

<select id="attributeNames" name="attributeNames" size="5" multiple="multiple">
    <option value="Apple"> Apple </option>
    <option value="Mango"> Mango </option>
    <option value="Orange"> Orange </option>
    <option value="Banana"> Banana </option>                                            
</select>

​ JS-

window.onload = function () {
    var listbox = document.getElementById('attributeNames');
    listbox.onchange = function () {
        for(var index = 0; index < this.children.length; index++) {        
            if (this.children[index].selected) {
                console.log(this.children[index].value);
            }            
        }
    }​;
};

Live Demo .