Jquery MultiSelect auto postback

Question

ASP.NET에서 jQuery multiselect 드롭 다운을 사용하고 있습니다. 선택한 값을 모두 가져와야하지만 포스트 백 이후에 서버 측 드롭 다운 목록에서 마지막으로 선택한 값만 표시됩니다.

스크립트 :

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.department).multiselect({ 
      show: ["bounce", 5], hide: ["blind", 1], 
      close: function() { 
       debugger; 
       var values = new Array(); 
       $(this).multiselect("getChecked").each(function (index, item) { 
        values.push($(item).val()); 
       }); 
       $("input[id*=selectedValues]").val(values.join(",")); 
       document.getElementById("<%=hdnDepartment.ClientID %>").value = values; 
      } 
     }) 
     .multiselectfilter(); 
    }); 
</script> 
<asp:HiddenField ID="hdnDepartment" runat="server"></asp:HiddenField> 
<asp:HiddenField ID="hdnEmployee" runat="server" /> 
<asp:DropDownList ID="ddlDepartment" runat="server" Width="150px" CssClass="department" onselectedindexchanged="ddlDepartment_SelectedIndexChanged" AutoPostBack="True"> 
</asp:DropDownList> 

Answer 1

다시 게시가 발생 후에는 통풍을 잃고있는 것처럼

$('[id*=hdnDepartment]").val(values.join()) ; 

     //OR 
document.getElementById("<%=hdnDepartment.ClientID %>").value = values.join(); 

이 또한 보이는 .. 숨겨진 필드에 쓰기 다음 값에 가입하고보십시오. 그래서 일단 다시 게시가 완료되면 다시 연결해야합니다. 시도해보십시오.

<script type="text/javascript"> 
    $(document).ready(function() { 
     PostBack(); 

     Sys.WebForms.PageRequestManager.getInstance().add_endRequest(PostBack); 
    }); 

    function PostBack(){ 
     $('.department).multiselect({ 
      show: ["bounce", 5], hide: ["blind", 1], 
      close: function() { 
       debugger; 
       var values = new Array(); 
       $(this).multiselect("getChecked").each(function (index, item) { 
        values.push($(item).val()); 
       }); 
       $("input[id*=selectedValues]").val(values.join(",")); 
       document.getElementById("<%=hdnDepartment.ClientID %>").value = values; 
      } 
     }) 
     .multiselectfilter(); 
    } 
</script>