drop down index changed page is refreshed i use ipdate panel also but
<%-- <asp:UpdatePanel ID="updatepnl" runat="server" EnablePartialRendering="true">
<ContentTemplate>--%>
<div class="container">
<div class="row">
<div id="main-container">
<fieldset class="Heading">
<div class="col-sm-12">
</div>
<legend class="HeadLine">
<div class="col-sm-5">
Education Details
</div>
<div class="col-sm-6">
<asp:ImageButton ID="candidateimg" runat="server" alt="avatar" class="avatar img-circle img-thumbnail"
data-placement="top" data-toggle="tooltip" Height="80px" title="Click to view enlarged news !"
Width="80px" />
</div>
</legend>
<div id="diverror" runat="server" class="col-sm-12" visible="false">
<asp:Label ID="lblerror" runat="server"></asp:Label>
</div>
<br />
<div class="col-sm-12 col-sm-offset-5">
<asp:Label ID="lblcandidatename" runat="server" Text="First Name"></asp:Label>
</div>
<div class="row">
<div class="container bootstrap snippet">
<div class="row">
<div class="col-sm-12">
<div class="tab-content">
<div id="home" class="tab-pane active">
<div id="registrationForm" action="##" class="form" method="post">
<div class="form-group">
<div class="col-xs-6">
<label for="first_name">
<h4>
Highest Qualification</h4>
</label>
<asp:DropDownList ID="ddlqulification" runat="server" AutoPostBack="true" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins" OnSelectedIndexChanged="ddlqulification_IndexChanged">
</asp:DropDownList>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="last_name">
<h4>
Course <span class="alert-warning">*</span></h4>
</label>
<asp:DropDownList ID="ddlcourse" runat="server" AutoPostBack="true" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins" OnSelectedIndexChanged="ddlcourse_IndexChanged">
</asp:DropDownList>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="mobile">
<h4>
Specialization</h4>
</label>
<asp:DropDownList ID="ddlspecalization" runat="server" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:DropDownList>
</div>
</div>
<asp:UpdatePanel ID="UpdatePanel11" runat="server"
UpdateMode="Conditional" >
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="email">
<h4>
University/College11</h4>
</label>
<asp:DropDownList ID="ddluniversity" runat="server" AutoPostBack="true" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins" OnSelectedIndexChanged="ddluniversity_IndexChanged">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddluniversity" />
<asp:AsyncPostBackTrigger ControlID="ddluniversity" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
<div class="form-group">
<div class="col-xs-6">
<label for="password">
<h4>
Course Type</h4>
</label>
<asp:RadioButtonList ID="rbtHctype" runat="server" CssClass="alert-success" RepeatColumns="3"
RepeatDirection="Horizontal">
<asp:ListItem Text="Full Time" Value="1">
</asp:ListItem>
<asp:ListItem Text="Part Time" Value="2">
</asp:ListItem>
<asp:ListItem Text="Correspondence" Value="3">
</asp:ListItem>
</asp:RadioButtonList>
</div>
</div>
<div class="form-group" id="divotheruniveristy1" visible="false" runat="server">
<div class="col-xs-6">
<label for="password2">
<h4>
Univeristy Name</h4>
</label>
<asp:TextBox ID="txtuniversity1" runat="server" CssClass="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:TextBox>
</div>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="password">
<h4>
Percentage (%)</h4>
</label>
<asp:TextBox ID="Txthpercentage" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="password2">
<h4>
Passing Year</h4>
</label>
<asp:DropDownList ID="ddlpassingyear" runat="server" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:DropDownList>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12">
<label for="State">
<h4>
Other Education</h4>
</label>
</div>
<div class="col-sm-12">
<div class="tab-content">
<div id="Div1" class="tab-pane active">
<div id="Div2" action="##" class="form" method="post">
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="first_name">
<h4>
Qualification</h4>
</label>
<asp:DropDownList ID="ddlqulification2" runat="server" AutoPostBack="true" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins" OnSelectedIndexChanged="ddlqulification2_IndexChanged">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddlqulification2" />
</Triggers>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel3" runat="server">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="last_name">
<h4>
Course <span class="alert-warning">*</span></h4>
</label>
<asp:DropDownList ID="ddlcourse2" runat="server" AutoPostBack="true" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins" OnSelectedIndexChanged="ddlcourse2_IndexChanged">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddlcourse2" />
</Triggers>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel4" runat="server">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="mobile">
<h4>
Specialization</h4>
</label>
<asp:DropDownList ID="ddlspecalization2" runat="server" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel5" runat="server">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="email">
<h4>
University/College</h4>
</label>
<asp:DropDownList ID="ddluniversity1" runat="server" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins" OnSelectedIndexChanged="ddluniversity1_IndexChanged"
AutoPostBack="true">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddluniversity1" />
</Triggers>
</asp:UpdatePanel>
<div class="form-group">
<div class="col-xs-6">
<label for="password">
<h4>
Course Type</h4>
</label>
<asp:RadioButtonList ID="rbtSctype" runat="server" CssClass="alert-success" RepeatColumns="3"
RepeatDirection="Horizontal">
<asp:ListItem Text="Full Time" Value="1">
</asp:ListItem>
<asp:ListItem Text="Part Time" Value="2">
</asp:ListItem>
<asp:ListItem Text="Correspondence" Value="3">
</asp:ListItem>
</asp:RadioButtonList>
</div>
</div>
<div class="form-group" id="divseconduniveristy" visible="false" runat="server">
<div class="col-xs-6">
<label for="password2">
<h4>
Univeristy Name</h4>
</label>
<asp:TextBox ID="txtseconduniversity" runat="server" CssClass="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:TextBox>
</div>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="password">
<h4>
Percentage (%)</h4>
</label>
<asp:TextBox ID="txtsecondpercentage" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>
<asp:UpdatePanel ID="UpdatePanel6" runat="server">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="password2">
<h4>
Passing Year</h4>
</label>
<asp:DropDownList ID="ddlpassingyear1" runat="server" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddlpassingyear1" />
</Triggers>
</asp:UpdatePanel>
</div>
</div>
<div class="col-sm-12" id="diveducation3" runat="server">
<div class="card">
<div class="card-header" role="tab" id="headingTwo">
<h5 class="mb-0">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
aria-expanded="false" aria-controls="collapseTwo">Add More Education Details
</a>
</h5>
</div>
<div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="card-block">
<div class="tab-content">
<div id="Div3" class="tab-pane active">
<div id="Div4" action="##" class="form" method="post">
<asp:UpdatePanel ID="UpdatePanel7" runat="server">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="first_name">
<h4>
Qualification</h4>
</label>
<asp:DropDownList ID="ddlqulification3" runat="server" AutoPostBack="true" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins" OnSelectedIndexChanged="ddlqulification3_IndexChanged">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddlqulification3" />
</Triggers>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel8" runat="server">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="last_name">
<h4>
Course <span class="alert-warning">*</span></h4>
</label>
<asp:DropDownList ID="ddlcourse3" runat="server" AutoPostBack="true" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins" OnSelectedIndexChanged="ddlcourse3_IndexChanged">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddlcourse3" />
</Triggers>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel12" runat="server">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="mobile">
<h4>
Specialization</h4>
</label>
<asp:DropDownList ID="ddlspecilazation3" runat="server" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddlspecilazation3" />
</Triggers>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel9" runat="server">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="email">
<h4>
University/College</h4>
</label>
<asp:DropDownList ID="ddluniversity3" runat="server" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins" AutoPostBack="true" OnSelectedIndexChanged="ddluniversity3_IndexChanged">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddluniversity3" />
</Triggers>
</asp:UpdatePanel>
<div class="form-group">
<div class="col-xs-6">
<label for="password">
<h4>
Course Type</h4>
</label>
<asp:RadioButtonList ID="RadioButtonList1" runat="server" CssClass="alert-success"
RepeatColumns="3" RepeatDirection="Horizontal">
<asp:ListItem Text="Full Time" Value="1">
</asp:ListItem>
<asp:ListItem Text="Part Time" Value="2">
</asp:ListItem>
<asp:ListItem Text="Correspondence" Value="3">
</asp:ListItem>
</asp:RadioButtonList>
</div>
</div>
<div class="form-group" id="divotheruniveristy3" visible="false" runat="server">
<div class="col-xs-6">
<label for="password2">
<h4>
Univeristy Name</h4>
</label>
<asp:TextBox ID="txtthirduniversity" runat="server" CssClass="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:TextBox>
</div>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="password">
<h4>
Percentage (%)</h4>
</label>
<asp:TextBox ID="txtpercentage" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>
<asp:UpdatePanel ID="UpdatePanel10" runat="server">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(search());
</script>
<div class="form-group">
<div class="col-xs-6">
<label for="password2">
<h4>
Passing Year</h4>
</label>
<asp:DropDownList ID="ddlpassingyear3" runat="server" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:DropDownList>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddlpassingyear3" />
</Triggers>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12" id="diveducation4" runat="server">
<div class="card">
<div class="card-header" role="tab" id="heding3">
<h5 class="mb-0">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapsesecond"
aria-expanded="false" aria-controls="collapsesecond">Add More Education Details
</a>
</h5>
</div>
<div id="collapsesecond" class="collapse" role="tabpanel" aria-labelledby="heding3">
<div class="card-block">
<div class="tab-content">
<div id="Div8" class="tab-pane active">
<div id="Div9" action="##" class="form" method="post">
<div class="form-group">
<div class="col-xs-6">
<label for="first_name">
<h4>
Highest Qualification</h4>
</label>
<asp:DropDownList ID="ddlqulification4" runat="server" AutoPostBack="true" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins" OnSelectedIndexChanged="ddlqulification4_IndexChanged">
</asp:DropDownList>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="last_name">
<h4>
Course <span class="alert-warning">*</span></h4>
</label>
<asp:DropDownList ID="ddlcourse4" runat="server" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:DropDownList>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="email">
<h4>
University/College</h4>
</label>
<asp:DropDownList ID="ddluniversity4" runat="server" class="selectpicker form-control"
AutoPostBack="true" data-live-search="true" data-live-search-style="begins" OnSelectedIndexChanged="ddluniversity4_IndexChanged">
</asp:DropDownList>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="password">
<h4>
Course Type</h4>
</label>
<asp:RadioButtonList ID="RadioButtonList2" runat="server" CssClass="alert-success"
RepeatColumns="3" RepeatDirection="Horizontal">
<asp:ListItem Text="Full Time" Value="1">
</asp:ListItem>
<asp:ListItem Text="Part Time" Value="2">
</asp:ListItem>
<asp:ListItem Text="Correspondence" Value="3">
</asp:ListItem>
</asp:RadioButtonList>
</div>
</div>
<div class="form-group" id="div5" visible="false" runat="server">
<div class="col-xs-6">
<label for="password2">
<h4>
Univeristy Name</h4>
</label>
<asp:TextBox ID="txtuniversityname4" runat="server" CssClass="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:TextBox>
</div>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="password">
<h4>
Percentage (%)</h4>
</label>
<asp:TextBox ID="txtpercent1" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<label for="password2">
<h4>
Passing Year</h4>
</label>
<asp:DropDownList ID="ddlpasssingyear4" runat="server" class="selectpicker form-control"
data-live-search="true" data-live-search-style="begins">
</asp:DropDownList>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="col-xs-12">
Looking Job For
<br>
<asp:DropDownList ID="ddlskills" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlskills_IndexChanged"
class="selectpicker form-control" data-live-search="true" data-live-search-style="begins">
</asp:DropDownList>
<br>
<br>
<br>
<br>
<br></br>
<br>
<br>
<br>
<br></br>
<br>
<br>
<br></br>
<br>
<br>
<br></br>
<br>
<br></br>
<br>
<br></br>
<br>
<br></br>
<br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</div>
</div>
<div class="form-group">
<div class="col-xs-12">
Skills
<br>
<asp:ListBox ID="subskills" runat="server" BackColor="#66FF66" CssClass="form-control"
SelectionMode="Multiple"></asp:ListBox>
<br>
<br>
<br>
<br>
<br></br>
<br>
<br>
<br>
<br></br>
<br>
<br>
<br></br>
<br>
<br>
<br></br>
<br>
<br></br>
<br>
<br></br>
<br>
<br></br>
<br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</div>
</div>
</div>
</div>
<span>
<br />
</span>
<div class="col-sm-12 col-sm-offset-10">
<asp:Button ID="btnsave" runat="server" CssClass="btn btn-primary" OnClick="btnSave_Click"
OnClientClick="return EducationDetails();" Text="Save" />
</div>
<span>
<br />
<br />
<br />
</span>
<!--/tab-pane-->
<!--/tab-pane-->
<!--/tab-content-->
</div>
<%-- </ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="ddlqulification" />
<asp:PostBackTrigger ControlID="ddlcourse" />
<asp:PostBackTrigger ControlID="ddlspecalization" />
<asp:PostBackTrigger ControlID="ddlskills" />
<asp:PostBackTrigger ControlID="ddluniversity4" />
<asp:PostBackTrigger ControlID="ddlcourse4" />
</Triggers>
</asp:UpdatePanel>--%>
<asp:HiddenField ID="csrftoken" runat="server" />
<script type="text/javascript" src="<%= Page.ResolveClientUrl("~/bootstrap/bootstrap-select.min.js") %>"></script>
<script type="text/javascript">
$(document).ready(function () {
var readURL = function (input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('.avatar').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$(".file-upload").on('change', function () {
readURL(this);
});
});
</script>