JSFiddle - React, Tailwind, and code Playground

HTML

<select id="abcd">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
    <option value="5">Five</option>
</select>
<button id="b1">Check value</button>

JavaScript

function $$(id) {
    return document.getElementById(id);
}

HTMLSelectElement.prototype.__defineGetter__("val", function () {
    return this.options[this.selectedIndex].value;
});
HTMLSelectElement.prototype.__defineGetter__("text", function () {
    return this.options[this.selectedIndex].text;
});


$$('b1').addEventListener("click", function () {
    alert($$('abcd').val + " : " + $$('abcd').text);
});