JSFiddle - React, Tailwind, and code Playground

HTML

<select onchange=fun(this)>
    <option id="apple">Apple</option>
    <option id="orange">Orange</option>
    <option id="pineapple">Pineapple</option>
    <option id="banana">Banana</option>
</select>
<p id="caption"></p>

JavaScript

function fun(e) {
    document.getElementById('caption').innerHTML = e.options[e.selectedIndex].text

}