jQuery addClass example

Change class name on click in jQuery

by BeePositive

HTML

<select id = "up_category">
<option value = "Document">Document</option>
<option value = "Map Service">Map Service</option>
<option value = "API">API</option>
</select>
<br><br>
<div id='f1'>Format:
<select>
    <option value="PDF">PDF</option>
    <option value="SHP">SHP</option>
    <option value="UDB">UDB</option>
    <option value="ZIP">ZIP</option>
    <option value="RAR">RAR</option>
</select>
</div>
<br>
<div id='f2'>Format:
<select>    
    <option value="WMS">WMS</option>
    <option value="WFS">WFS</option>
    <option value="REST">REST</option>
</select></div>

JavaScript

$('#up_category').on('change', function() {
 dateCalender = $(this).val();
  if (dateCalender == 'Document') {
    $('#f1').show();
    $('#f2').hide();
  } else if (dateCalender == 'Map Service') {
    $('#f2').show();	
    $('#f1').hide();       
  } else if (dateCalender == 'API') {
    $('#f2').hide();	
    $('#f1').hide();       
  }
  
});


$('#f1').hide();	
$('#f2').hide();