Getting text of selected <option>

Gets the text of the selected <option> tag within a <select> HTML element.

by Snowsickle

HTML

<p id="key"></p>
<select name="type1">
   <option value="1">Option A</option>
   <option value="2">Option B</option>
</select>

JavaScript

function alertKey(){
    var select = document.getElementsByName("type1")[0];
    var options = select.getElementsByTagName("option");

    for (i = 0; i < options.length; i++) {
        if (options[i].value == select.value){
            document.getElementById("key").innerHTML = "The selected key is " + options[i].innerHTML;
        }
    }
}

setInterval(alertKey, 100);