2016-04-25 197 views
0

我想請教一下。我有一個小的jQuery代碼: 我有一些選擇HTML標籤,但如果我選擇最後一個,使用jquery,我使可見的輸入文本,它工作得很好,但如果我選擇最後一個默認值=「checked」),它不起作用。 這裏是我的代碼:jquery選擇選項,默認值爲

<select id="szab"> 
    <option>Choose Your Name</option> 
    <option>Frank</option> 
    <option>George</option> 
    <option selected="selected">Last</option> 
</select> 

這裏是jQuery的

$(document).ready(function(){ 

    $('#szab').change(function(){ 
     if($('#szab option:selected').text() == "Last"){ 
     $('#Last').css("visibility","visible").css("height","auto"); 
     }else{ 
     $('#Last').css("visibility","hidden").css("height","0"); 
     } 
    }) 
}); 

什麼我應該改變? 在此先感謝。 B

+1

就觸發變更後:'$( '#szab')變化(函數(){....})觸發( '變化');' – skobaljic

+0

是的,謝謝,我已經看到和我糾正了,但不是我的主要問題。 –

+0

如果您在瀏覽器中試用此代碼,則無法看到隱藏的部分,但是如果您從列表中選擇,它將起作用 –

回答

1

您應該在加載時觸發事件。

$(document).ready(function(){ 

    $('#szab').change(function(){ 
     if($('#szab option:selected').text() == "Last"){ 
     $('#Last').css("visibility","visible").css("height","auto"); 
     }else{ 
     $('#Last').css("visibility","hidden").css("height","0"); 
     } 
    }).trigger('change'); 
}); 
+0

非常感謝。它工作得很好。 (y) –

+0

@BenceB,不客氣 – Mojtaba