JSFiddle - React, Tailwind, and code Playground

by lakshmipriya001

HTML

<select class="status">
<option value="1">aaaa</option>
<option value="2">bb</option>
<option value="3">cc</option>
</select>

    <div id="div_ctrl" hidden>
<div id="fn" >First Name : <input type="text" /></div><br>
<div id="ln" >Last Name : <input type="text" /></div>
        <input id="button2" type="button" value="Submit" ><br>
        </div>
    <!-- https://jsfiddle.net/3pc55tk9/ -->  
    <div id="div_cal" hidden>
      <input type="date" name="bday">
  <input type="submit">
  </div>

JavaScript

$(document).ready(function(){
    $(".status").change(function(){
   var mydata=$( ".status option:selected" ).val();
   
   alert("The text has been changed."+mydata);
   if(mydata=="2"){
   alert("helo");
   $("#div_ctrl").show();
   }
    else if(mydata=="3"){
    $("#div_cal").show();
    $("#div_ctrl").hide();
    }
       
        
    });
});