2016-07-28 28 views
0

Ich habe 2 Auswahleingänge und im Versuch, die zweite ist, hängt von dem ersten Wert zurückgesetzt werden, aber ich kann es herausfinden ..Zurücksetzen einen Eingang auf anderen ausgewählten Wert auswählen

Das zeigt & Teil versteckt arbeiten gut aber ich kann nicht zurückgesetzt wirklich die 2. wählen

Hier ist der HTML-Teil:

<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> 

Hier ist der jquery Teil:

$(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'); 
    } 
    }); 
}); 

Ich habe versucht, verschiedene Art und Weise wie es zu tun ist:

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

Ich kann nicht wirklich sehen, was imma falsch machen! Irgendwelche Ideen ?

EDIT Die beste Antwort für mich war Qsprec der aber ssilas777 der funktioniert auch, wenn Sie eine bestimmte Option

+1

Did auswählen möchten Sie versucht: $ ('# select_sub_cat') .val (0); – Qsprec

+0

Yeah funktioniert super! – skytorner

Antwort

1

Versuchen Sie, diese

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

Ich habe es versucht und es funktioniert auch! – skytorner