2016-07-28 81 views
0

我有2个选择输入和IM尝试重置:第二个取决于第一个值,但我不能弄明白..重置其他选择值的输入选择

的显示&隐藏部分运作良好但我真的无法复位第二选择

这里的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"]') 
} 

我真的不能看到什么伊马做错了!有任何想法吗 ?

编辑 对我来说,最好的回答是Qsprec的,但ssilas777的工作太多,如果你想选择一个特定的选项

+1

你有没有试过:$(“#select_sub_cat” ).VAL(0); – Qsprec

+0

是啊,工作很棒! – skytorner

回答

1

试试这个

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

我试过这个和它的工作呢! – skytorner