<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery("#Type").change(function () {
var id = jQuery(this).find("option:selected").attr("value");
if (id == "Session") {
jQuery("#answer_wrapper").show();
}
else {
jQuery("#answer_wrapper").hide();
}
});
</script>
<asp:DropDownList ID="Type" runat="server">
<asp:ListItem Value="SteadyRun">Steady Run</asp:ListItem>
<asp:ListItem Value="EasyRun">Easy Run</asp:ListItem>
<asp:ListItem Value="LongRun">Long Run</asp:ListItem>
<asp:ListItem Value="Session">Session</asp:ListItem>
</asp:DropDownList>
<div id="answer_wrapper">
some code here
</div>
jQuery(document).ready(function() {
jQuery("#Type").change(function () {
var id = jQuery(this).find("option:selected").attr("value");
if (id == "Session") {
jQuery("#answer_wrapper").show();
}
else {
jQuery("#answer_wrapper").hide();
}
}).change();
})
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
From novice to tech pro — start learning today.
test page : http://jsfiddle.net/m5UxK/
jQuery(document).ready(fun
jQuery("#Type").change(fun
var id = jQuery(this).find("option:
if (id == "Session") {
jQuery("#answer_wrapper").
}
else {
jQuery("#answer_wrapper").
}
});
})