jQueryのSELECT変更トリガ

Question

私はSELECTドロップダウンリストの値に基づいて、DIVにslideDownを実行するには、次のjQueryの機能を使用します。

$(function() 
{ 
    $('#show-options').change(function(){ 
     if($(this).val() != '') 
     { 
      $('#' + $(this).val()).slideDown(); 
     } 
    }); 
}); 

はHTML：今すぐ

<select id="show-options"> 
    <option value="">Select an Option</option> 
    <option value="vehicle-type">Vehicle Type</option> 
    <option value="vehicle-colour">Vehicle Colour</option> 
</select> 

<div id="vehicle-type" style="display: none;"> 
    <!--form elements in here--> 
</div> 

<div id="vehicle-colour" style="display: none;"> 
    <!--form elements in here--> 
</div> 

フォーム提出前に表示されたDIVは自動的に表示する必要があります。私はPHPのGET変数を調べることができますが、私は '変更'機能を模倣するjQueryコードが必要です。これはトリガーやバインドと関係があると思います。

Answer 1

私はこれを実際に多くしています。

function showByVal(val) { 
    $('#' + val).slideDown(); 
} 

$(function() 
{ 
    $('#show-options').change(function(){ 
     if($(this).val() != '') 
     { 
      showByVal($(this).val()); 
     } 
    }); 

    showByVal('<? echo $_GET["PreviousVal"]; ?>'); 
}); 

を限り値は（あなたのPHPコードによって）前もって設定されているとして、それが結合した後、イベントが発生します：私が見つけた最も簡単な方法は、ちょうどそのようにそれを結合した後にイベントをトリガすることです初期表示を設定します。

Answer 2

フォーム提出に応じてこれを行う場合は、表示されたもののページをレンダリングするときにDIVを表示しないでください（つまり、スタイルを「display：none;」にしないでください）。隠れたフィールドを使う方法と、選択されたセクションにアイテムが表示されているセクションのみを表示するかのどちらかを行う必要があります。どちらの方法でも、フォームから取得した入力を使用して、デフォルトの可視性が表示されるように設定されているセクションを判断できます。

Answer 3

私はこのような何かをする必要があるときはいつでも、$('#ele').trigger('change')は特別なことをする必要がないので、ページが読み込まれたときに選択リストの変更イベントがトリガーされ、ページがロードされると、すでに定義されている変更ハンドラが呼び出されます。

Answer 4

この試してください：あなたは、これは、ユーザが複数のを示している場合に動作するように起こっているか右のオプション