JSFiddle - React, Tailwind, and code Playground

by hcanning2012

HTML

<select name="cars" id="cars">
  <option value="" selected>Please Choose</option> 
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<h1 id="carSelected"></h1>

JavaScript

//target the element
var sel = document.querySelector('#cars');
//attach the event
sel.addEventListener('change', function(){
  //get and set the value
  document.querySelector('#carSelected').textContent = this.options[this.selectedIndex].text;
});

// execute the event on page load
var event = new Event('change');
sel.dispatchEvent(event);