2016-04-25 22 views
0

少し助けてください。私は小さなjqueryコードを持っています: 私はいくつかの選択肢のHTMLタグがありますが、私はJqueryを使って最後のものを選択した場合、私は入力テキストを見せました、それは非常にうまく動作しますが、 = "チェック")、それは仕事をしません。ここ は私のコードです:jquery selectオプションがデフォルト値で選択されています

<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

関連する問題