JSFiddle - React, Tailwind, and code Playground

by dfsq

HTML

<form action="" method="GET" name="form1" class="style1" id="form1">
  <p align="center">Select Section 
    <select name="section" required ><option selected="selected" disabled="disabled">Select Section</option>
    <option>ALL</option>
    <option>RWS</option>
    <option>Structure</option></select>
    From
    <input name="fromdate" type="date" placeholder="YYYY-DD-MM" required id="mydate" data-lang="en" data-years="2014-2050" data-format="YYYY-MM-DD"/>
    To   
  <input name="todate" type="date" placeholder="YYYY-DD-MM" required id="mydate1" data-lang="en" data-years="2015-2055" data-format="YYYY-MM-DD"/>
  <input name="submit-btn" type="submit" id="submit-btn" value="SHOW" />
  </p>
</form>

JavaScript

$('#form1 select').on('change', function() {
    this.form.submit();
});