select element

by jdanyow

HTML

<select id="select" size="5" multiple="true" value="C">
    <option>select something</option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

<br/>

<pre id="result">
</pre>

JavaScript

var select = document.getElementById('select'),
    result = document.getElementById('result');

function onChange() {
    var s = '', i;
    for(i = 0; i < select.selectedOptions.length; i++) {
        s += select.selectedOptions[i].value + '\n';        
    }
    result.innerText = s;
}

select.addEventListener('change', onChange);

onChange();