You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.
Course Of The Month
8 days, 13 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
display div if selected item in dropdown
Posted on 2013-01-18
Hello,
I have tried to run this code to try display the div if Session is selected
But no matter what's selected it always shows the "#answer_wrapper" div
I have tried to run this code to try display the div if Session is selected
But no matter what's selected it always shows the "#answer_wrapper" div
<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>
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2
2 Comments
Active today
you need to wait DOM ready before to play with the object inside
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").
}
});
})
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").
}
});
})
Active today
another one to fire the event at page load : http://jsfiddle.net/m5UxK/1/
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();
})
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Requirements
JQuery 1.6+
HTML
CSS
Introduction
This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn the basics of jQuery, including how to invoke it on a web page.
Reference your jQuery libraries: (CODE)
Include your new external js/jQuery file: (CODE)
Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month8 days, 13 hours left to enroll
734 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.