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的工作太多,如果你想選擇一個特定的選項
你有沒有試過:$(「#select_sub_cat」 ).VAL(0); – Qsprec
是啊,工作很棒! – skytorner