JSFiddle - React, Tailwind, and code Playground
HTML
<select name="" onchange="myFunction(event)">
<option disabled selected>Choose Database Type</option>
<option value="Green">green</option>
<option value="Red">red</option>
<option value="Orange">orange</option>
<option value="Black">black</option>
</select>
<input id="myText" type="text" value="colors">
JavaScript
function myFunction(e) {
document.getElementById("myText").value = e.target.value
}