JSFiddle - React, Tailwind, and code Playground

by gregborbonus

HTML

<select id="select1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

With no selector from JS:

<select id="select2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<div>
Select 1 out:
<span id="select1out">4</span>
</div>
<div>
Select 2 out:
<span id="select2out">1</span>
</div>

JavaScript

window.onload=function(){
  select1=document.getElementById('select1');
  select2=document.getElementById('select2');
  select1.options[3].selected="selected";
	select1.onchange=function(e){
    
    document.getElementById('select1out').innerHTML=this.value;
  };
  select2.onchange=function(e){
    
    document.getElementById('select2out').innerHTML=this.value;
  };


}