jQuery addClass example

Change class name on click in jQuery

by BeePositive

HTML

<select id = "up_category">

<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

$('#up_category').on('change', function() {
 dateCalender = $(this).val();
  if (dateCalender == 'Single Date') {
    $('#sd').show();
    $('#rd').hide();

  } else if (dateCalender == 'Range of Dates') {
    $('#rd').show();	
    $('#sd').hide();       
  } else if (dateCalender == 'Type') {
    $('#rd').hide();	
    $('#sd').hide();       
  }
});


$('#rd').hide();	
$('#sd').hide();