Question

Hi I am using jquery chosen plugin. I want to selected menu value by selected value from other select menu. But my code working with simple selected menu. I want it to work with jquery chosen plugin. Example code

$(".chzn-select").chosen()
    $('[id*=second]').change(function(){
    var val = $(this).find('option:selected').val()

    if(val.toLowerCase()=='mr'){
    $('[id*=gender]').find('option').eq(0).attr('selected', 'selected');
}

else{       
    $('[id*=gender]').find('option').eq(1).attr('selected', 'selected')
     }
})
​

Answer 1

Demo

I hope the below script does what you expect

$(".chzn-select").chosen();
$('[id*=second]').change(function(){
    var val = $('div[id*=second]').find('li.result-selected').html().trim();
    $('select[id*=gender]').find('option').removeAttr('selected');
    $('div[id*=gender]').find('li.active-result').removeClass('result-selected');
    var selectedValue = "";
    if(val.toLowerCase()=='mr'){
        selectedValue = $('div[id*=gender]').find('li.active-result').eq(0).addClass('result-selected').html();
        $('select[id*=gender]').find('option').eq(0).attr('selected','selected');
    } else {
        selectedValue = $('div[id*=gender]').find('li.active-result').eq(1).addClass('result-selected').html();
        $('select[id*=gender]').find('option').eq(1).attr('selected','selected');
    }
    $('div[id*=gender]').find('a.chzn-single span').html(selectedValue);
});