1

選択ドロップダウンを使用して、表示/非表示機能を再生しています。これがselectのhtmlです。

<select id="sel1" size="1" name="">
    <option selected="selected" value="0">Select Here</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>

これが私のjqueryです。

$(document).ready(function(){
    $("#sel1").change(fun);  
});


function fun(){  
   var selected = $("#sel1 option:selected");       

   if(selected.val() == 1) {  
      $("#div1").slideDown("slow");
      $('#div2').slideUp("slow");
   } else if(selected.val() == 2) {
      $("#div1").slideUp("slow");
      $('#div2').slideDown("slow");
   } else {
      $("#div1").slideUp("slow");
      $('#div2').slideUp("slow");
   }
};

しかし、値がサーバーに送信されて戻ってきた後、ドロップダウンで選択した値に基づいてdiv1またはdiv2を保持したいと思います。ただし、現時点では、初期レベルのdisplay = noneのため、両方のdivは表示されていません。これを保持する方法はありますか？

4

1 に答える 1

0

HTMLがサーバー側の言語を使用して生成さdisplay: noneれている場合、適切な場合にのみCSSプロパティを追加するのが最善のオプションです。changeまたは、以下を使用して、DOMの準備ができたときにイベントハンドラーをトリガーすることもできます。

$(document).ready(function(){
    $("#sel1").change(fun).trigger('change');  
});
于 2012-05-04T09:39:45.287 に答える