Сброс ввод выберите на другом выберите значение

Question

Я 2 выбора входов и им пытаются сбросить вторую один зависит от 1-го значения, но я не могу понять его ..

показ & пряча часть работает хорошо но я действительно не могу сбросить второго выбора

Вот HTML часть:

<div> 
    <select id="select_cat" name="cat"> 
    <option value>Choose a cat</option> 
    <option value ="cat1">cat 1</option> 
    <option value ="cat2">cat 2</option> 
    <option value ="cat3">cat 3</option> 
    </select> 
</div> 

<div id="div_sub_cat"> 
    <select id="select_sub_cat" name="sub_cat"> 
    <option value>Choose a sub cat</option> 
    <option value ="sub_cat1">sub_cat 1</option> 
    <option value ="sub_cat2">sub_cat 2</option> 
    <option value ="sub_cat3">sub_cat 3</option> 
    </select> 
</div> 

Вот JQuery часть:

$(document).ready(function() { 
    $('#div_sub_cat').hide(); 

    /** 
    * the select_sub_cat should select the default option everytime it shows 
    */ 
    $('#select_cat').change(function(){ 
    if($('#select_cat option:selected').text() == 'cat 2') { 
     $('#div_sub_cat').show('fast'); 
     $('select#select_sub_cat').val('').prop('selected', true); 
    } else { 
     $('#div_sub_cat').hide('fast'); 
    } 
    }); 
}); 

Я попробовал различные пути, чтобы сделать это, такие как:

if($('#select_type option:selected').text() == 'cat 2') { 
    $('#div_sub_cat').show('fast'); 

    //what ive already tried 
    $('#select_sub_cat').val(''); 
    //i tried to select an other option but didnt work too.. 
    $('#select_sub_cat option[value="sub_cat2"]') 
} 

Я действительно не могу видеть, что МАЗМ делать неправильно! Есть идеи ?

EDIT Лучший ответ для меня был Qsprec, но ssilas777-х работает также, если вы хотите, чтобы выбрать конкретный вариант

Answer 1

Попробуйте

if($('#select_type option:selected').text() == 'cat 2') { 
    $('#div_sub_cat').show('fast'); 
    $('select#select_sub_cat').val("sub_cat2"); 
}