선택 옵션에서 선택한 값을 유지하기위한 Jquery

Question

내 선택 드롭 다운을 사용하여 일부 표시/숨기기 기능을 재생 중입니다. 여기에 선택에 대한 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가 표시되지 않습니다. 이것을 유지하는 방법은 없습니까?

Answer 1

서버 측 언어를 사용하여 HTML을 생성하는 경우 적절한 경우에만 display: none CSS 속성을 추가하는 것이 가장 좋습니다. DOM을가 준비되면 다른 방법으로, 당신은 사용하여 change 이벤트 핸들러를 트리거 할 수 :

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