Hi,
I have a drop downlist which selected index chang by Js when check box check.Again when i select the previous Listitem, selectedIndexchange event of dropdownList country do'nt fire.I think this happen because index changes at client side and not reflected to server. Is there any way to solve this issue without having postback(or using __doPostBack()
).
<head runat="server">
<%-- <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">--%>
<script language="javascript" type="text/javascript">
function CopyOfficeAddress() {
debugger;
var checkboxSameAddress = document.getElementById("chkSameAddress");
if (checkboxSameAddress.checked) {
var country = document.getElementById("ddlCountry1");
for (var i = 0; i < country.options.length-1; i++) {
if (country.options[i].text == "Canada") {
country.options[i].selected = true;
//return true;
break;
}
}
}
else {
var country = document.getElementById("ddlCountry1");
country.selectedIndex = 0;
// return true;
}
// return true;
}
</script>
<%--</telerik:RadCodeBlock>--%>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<asp:ScriptManager ID="scriptmanagertest" runat="server">
</asp:ScriptManager>
<%-- <telerik:RadScriptManager ID="scriptmanagertest" runat="server"></telerik:RadScriptManager>--%>
<td style="height: 30px;">
<asp:CheckBox ID="chkSameAddress" runat="server" Text="Check If Address Is Same AS OfficeAddress"
onclick="CopyOfficeAddress()" />
</td>
</tr>
<tr>
<td align="left">
<asp:DropDownList ID="ddlCountry1" runat="server" Width="125px" AutoPostBack="true"
OnSelectedIndexChanged="ddlCountry1_SelectedIndexChanged">
<asp:ListItem Value="1" Text="USA"></asp:ListItem>
<asp:ListItem Value="2" Text="Canada"></asp:ListItem>
<asp:ListItem Value="3" Text="Mexico"></asp:ListItem>
<asp:ListItem Value="4" Text="UK"></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td align="left">
State
<asp:UpdatePanel ID="upPState" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<telerik:RadComboBox ID="ddlState" runat="server" Width="125px" Height="150px" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddlCountry1" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
thanks.