jQuery addClass example

Change class name on click in jQuery

by BeePositive

HTML

<select id = "user_time_zone">

<option>Type </option>
<option value = "Single Date">Single Date</option>
<option value = "Range of Dates">Range of Dates</option>
</select>
<br><br>
<div id='sd'>Single Date:<input type="text" id="singleDate" name="singleDate" /></div>
<br>
<div id='rd'>Range of Dates:<input type="text" id="rangeDates" name="rangeDates" /></div>

JavaScript

$('#user_time_zone').on('change', function() {
 dateCalender = $(this).val();
    if (dateCalender == 'Single Date') {
        	$('#sd').show();
          $('#rd').hide();
         
    }
 
     if (dateCalender == 'Range of Dates') {
        $('#rd').show();	
				$('#sd').hide();       
    }  
});