Показать DIV в зависимости от выбора окна выбора

Question

я есть функция здесь работает

$(function() { 
    $('#LEAVE_ENTITLED').change(function(){ 
     $('.solop').hide(); 
     $('#' + $(this).val()).show(); 
    }); 
}); 

что он делает это показать DIV в зависимости от выбора.

например, значение выбора = abc, тогда оно найдет div. с идентификатором abc,

Что я хотел сделать сейчас, это показать этот div.

<div class="box-body"> 
     <div class="form-group"> 
     <label for="COURSE" class="col-sm-2 control-label col-sm-offset-2"><span>*</span>Degree/Course:<br>(Write in full)</label> 
      <div class="col-sm-5"> 
      <input type="text" class="form-control" id="COURSE" name="COURSE"value = "<?= set_value("COURSE"); ?>"> 
      </div> 
     </div> 
     <div class="form-group has-error col-sm-offset-7"> 
     <label class="control-label" for="error"><?php echo form_error("COURSE"); ?></label> 
     </div> 
    </div> 

если я выбрал одно из следующих действий: GraduateStudies,Trade School,College, Vocational от этого выберите поле

<div class="box-body"> 
     <div class="form-group"> 
     <label class="col-sm-2 control-label col-sm-offset-2" for="LEVEL"><span>*</span>Level:</label> 
      <div class="col-sm-5"> 
      <select class="form-control" name = "LEVEL"> 
       <option value = "<?= set_value("LEVEL"); ?>"><?= set_value("LEVEL"); ?></option> 
       <option value="Elementary"  > Elementary  </option> 
       <option value="Secondary"  > Secondary  </option> 
       <option value="College"   > College   </option> 
       <option value="Vocational"  > Vocational  </option> 
       <option value="Trade School" > Trade School  </option> 
       <option value="GraduateStudies" > GraduateStudies </option> 
      </select> 
      </div> 
     </div> 
    </div> 

пожалуйста, вы можете обновить свои JavaScript или сделать мне новый? спасибо

Answer 1

Вы можете использовать имя класса тегов и событие изменения привязки.

проверьте ниже код.

$(document).ready(function(){ 
$('.form-control').on('change',function(){ 
     $('.solop').hide(); 
     $('#' + $(this).val()).show(); 
    }); 
});