JSFiddle - React, Tailwind, and code Playground

by rdillman

HTML

<select id="selectBox">
    <option value=""></option>
    <option value="Dean">Dean</option>
    <option value="Richard">Richard</option>
    <option value="Shannon">Shannon</option>
</select>
<input id="textBox" type="text" value="">

JavaScript

var selectBox = document.querySelector('#selectBox');
var textBox = document.querySelector('#textBox');
var updateInputs = function() {
    textBox.value = selectBox.options[selectBox.selectedIndex].value;
};

selectBox.addEventListener('keyup', updateInputs);
selectBox.addEventListener('mouseup', updateInputs);