Get value and label from select HTMLElement

get-value-label-from-option.js

// <select id="test1">
//        <option value="1">a</option>
//        <option value="2">b</option>
//        <option value="3">c</option>
//    </select>

document.getElementById('test1').addEventListener('change', function(event){
    var that = this; // or event.target
    // if option has no value attribute, the event value returns the label
    console.log('value: ' + that.value + ' | label: ' + that.selectedOptions[0].label);
    // if first is selected it will return
    // "value: 1 | label: a"
});