jQuery addClass example

Change class name on click in jQuery

by webgleb

HTML

<select id="participation">
  <option value="">Тип участия</option>
  <option value="musician">Музыкант</option>
  <option value="volunteer">Волонтёр</option>
  <option value="host">Ведущий</option>
  <option value="speaker">Спикер</option>
  <option value="other">Другое</option>
</select>
  
<div class="musician_input_div form-group" style="display:none;">
  <input type="text" id="musician_input" value="Инпут музыкант"/>
</div>

JavaScript

$('#participation').change(function(){
    var selectval= $(this).val(); // Получим значение из select со значением #participation
    if( selectval== 'musician' ) {
        $('.musician_input_div').show();
    } else {
        $('.musician_input_div').hide();
    }
});