jQuery - disabled option depend on first selection by Norlihazmey Ghazali

Using jquery to disable select option depend on first selection select

by Norlihazmey Ghazali

HTML

<tr>
		<td>Action</td>
		<td><select name = "TTID1" id="TTID1" style="width:250px">
		<option value="O"></option>
    	<option value="600">Classroom Training</option>
  		<option value="601">Coaches and Mentoring by IM</option>
  		<option value="602">On Job Training</option>
		<option value="9999">Others</option>
		</select></td>
		
		<td>Proposed Training in ILSAS</td>
		<td><select name = "trainGroup1" id="trainGroup1" style="width:250px">
		<option value="O"></option>
    	<option value="700">Power Engineering & Energy Training</option>
  		<option value="701">Management Training</option>
  		<option value="702">IT & Corporate System Training</option>
		<option value="703">Business Operation Tools Certification</option>
		<option value="9999">Others</option>
		</select></td>

JavaScript

$('#TTID1').on('change', function(){
    
    if ( $(this).val() == 601 || $(this).val() == 9999 ) {
        
        $('#trainGroup1 option[value="700"], #trainGroup1 option[value="701"]').prop('disabled', true);
    } else {
        $('#trainGroup1').find('option').prop('disabled', false);
    }
});