Two combobox Functionality

by Rajan Verma

HTML

<select name="n1" id="box_g1">
    <option value="Default">Default</option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D">D</option>
    <option value="E">E</option>
</select>

<select name="n2" id="box_g2" class="myclass" disabled="disabled">
    <option value="Disabled">Disabled</option>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D">D</option>
    <option value="E">E</option>
</select>

JavaScript

$(document).ready(function(){
    $("select").change(function(e){
       
        var box1_option = $("#box_g1 option:selected").index();
        
        var value = $("#box_g1 option:selected").val();
        
        var thisVal = $(this).attr("id");
        alert(thisVal);
        
        //alert(value);
        //alert(box1_option);
        
        if(box1_option == 0){
            
        }else{
            $(".myclass").prop("disabled",false);     
            //$( "select option" ).find( "myclass" ).prop("disabled",true);
        }
        });
    });