JSFiddle - React, Tailwind, and code Playground

by austinfrance

HTML

<select id="a">
    <option></option>
    <option value="A">Option A</option>
    <option value="B">Option B</option>
    <option value="C">Option C</option>
</select>
<button onclick="a.value='A'">Set to A by value</button>
<button onclick="a.selectedIndex=2">Set to B by index</button>
<div id="b"></div>

JavaScript

var a = document.querySelector("#a");
var b = document.querySelector("#b");
function log(m) {
    var l = document.createElement("div");
    l.innerText = m;
    b.appendChild(l);
}
a.addEventListener("change", function(e) {
    log("change to " + a.value);
});