I have a select box that has four options. It has a single div below it with some news text in. When I select say item 2 in the dropdown I would like the div to change to another one, basically swap out the div based on the select option. I have been trying to do this using jQuery but no luck.
View 8 Repliesi've been breaking my brain about this issue for a bit now, so here is my question.
I have a SELECT with various OPTIONS
<select id="myselect" name="myselect">
<option value='$variable' >1 - variable ammount of this option</option>
<option value='$variable' id="showOption">2 - gets added once at the end of the SELECT</option>
[Code]....
how one can show and hide a div element using a pulldown menu. i need the different selections in the pulldown menu to show hidden DIV elements on the page. this will be used in a system where i only have access to the template, so the only approach i can use is jquery. how to change it for the specific selectors i need.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
i have several programmatically generated DIVSectionsin my WebApplication. And i have for each of these DIVSectiona RadioButton Group. When the user now checks the RadioButton of the associated DIV-Section theSectionshould be Shown. And when he checks the other RadioButton the DIVSectionshould be hidden.How could a jQuery Function and a call look like, which does the above action?Here my sample:
<form>
<input type="radio" name="103845098431" value="yes" /> Yes<br />
<input type="radio" name="103845098431" value="no" /> No
[code]....
Using jQuery, the hide show part is easy. I need to show or hide a single section of a form based on the value of a select box. More specifically, if the select box is one of 30 countries, then show, else hide.
What's the easiest way to handle this?
I recently learned that the <option> tags can not use the onclick attribute inside of IE.This works great for firefox, but sadly not a single version of internet explorer supports it (from what I am told via countless Google searches).I have been modifying my attempit at a solution to use the <select> tag with the attribute onchange. Maybe I am casing this wrong, or not seeing a solution as the below code does not operate in any browser, and no errors are reported back through firebug or IE.Excuse my sloopy attempt at {smarty tags} this script is written in a bunch of PHP object->vales and to save space cored the issue down to it's basics.On change of the select box, the value="5-28" is sent to javascript showBox to split the number away from the id_trips and only focus on the locations (the number before the '-' . IF the location matches the switch value then the box should show / hide or value change. The IDs are all correct I just think that there is a ' or a " or something off as I am not a javascript expert.
my SQL return values
<code class="php">
//PHP VARIABLES from QUERY sample loop 1
[code]....
I am trying to hide/show table when hide/show button is pressed
Problem: The code works fine when I remove 'slow' from line 10. But with 'slow' in line 10 content of toggleButton doesnt change from Hide to Show when pressed.
Code:
another day, another problem ;) I have a select:
<label for="tiers">Number of tiers</label>
<select name="tiers" id="tiers" onchange="showtiers()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
[Code]...
<select name="select" >
<option value="0">Select any one</option>
<option value="hide">Trainee</option>
[code]....
I have a select box where the value must be passed via the form. If the users selects choice B or Choice C then I want a specific div to show. If they choose choice A then I want the div to hide or remain hidden. It should be hidden on page load.
Code:
Ok so I have a select box where the value must be passed via the form. If the users selects choice B or Choice C then I want a specific div to show. If they choose choice A then I want the div to hide or remain hidden. It should be hidden on page load.
<select name="Event_Type_ID">
<option value="1">Choice A</option>
<option value="2">Choice B</option>
[code]....
I have a list of checkboxes. Want to show or hide images related to each checkbox upon selection/deselection.
I want initially the images will not shown as the check boxes are select the images will showup. if deselect any checkbox then that particular image will disappear with taking no space.
Bellow is the code witch not working.
Code:
<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
[Code].....
Basically, I have written an application that runs a report based on a certain amount of parameters, one of which being date. So, the date selection is a <select></select> dropdown menu and it has the usual in it, today, yesterday, this week, last week etc. The problem is I need it to have a 'Custom' selection to run reports for custom dates. When 'Custom' is selected in the dropdown menu, two text boxes appear underneath with YYYY-MM-DD watermarked in them. I have assembled enough code from around the web to get this to work and it works fine, the problem I have is that when the user clicks off the 'Custom' option and on to a different one, I need the textboxes to disappear again.
Here is the code I am using:
<script type="text/javascript">
function showhide(divid){
thediv = document.getElementById(divid);
if(thediv.style.display== 'none' ){
thediv.style.display='block'
}else{
thediv.style.display='none'
}} .....
How do i get a dropdown menu to hide/show a textbox and a label control ? in a asp.net page
Here is my code:
I'm a *real* JS noob and need to show or hide a text field when a radio is selected. This is what I've tried so far. Code:
View 3 Replies View Relatedi would like to have 2 radio buttons each with a associated div when the page loads the first radio button will be checked and its corresponding div will be show when the user checks the other radio button its corresponding div is shown and the first div is hidden:
View 2 Replies View Relatedthe bellow scenario: I have a list of checkboxes. Want to show or hide images related to each checkbox upon selection/deselection. I want initially the images will not shown as the check boxes are select the images will showup. if deselect any checkbox then that particular image will disappear with taking no space.
[Code]...
Im looking for a way to show hide text box on select option change
<select name="letter_type" id="lt">
<option value="Registered">Registered</option>
<option selected="selected" value="Unregistered">Unregistered</option></select>
<input name="textfield7" id="regty" type="text" accesskey="1" tabindex="1" size="20" />
i wana show that text box if user select "Registered" from select option.
I have a list of checkboxes. Want to show or hide images related to each checkbox upon selection/deselection.
I want initially the images will not shown as the check boxes are select the images will showup. if deselect any checkbox then that particular image will disappear with taking no space.[code]...
Trying to get the divs to switch style properties when selected form select menu
<script type="text/javascript">
function showstuff(element){
if(document.getElementById(element).style.display = 'block')
[code].....
Show/hide table rows via select menu choices - And I changed my Javascript up a little so that I would have an easier time remembering it.Here are the codes:
HTML
<table cellspacing="5" cellpadding="5" border="0">
<tr>
<td><strong>Request Service:</strong></td>
<td><input type="radio" value="Website Design" />
[code]....
I am using the following script on one of my pages (script comes from [url]:
Code:
The script works great, BUT I need to use it in 2 different areas of the same form. It only works on an id="selectMenu" and of course I cannot have more that 1 id.
How can I get this script to work in multiple select fields? (at least more than 1)
I am having problems, basically I have a set of nested lists I need to show and hide
Code:
<ul id="smenu3"><ul id="smenu4">
<li>stuff here..</li>
<li>stuff here..</li>
<li>stuff here..</li>
</ul><ul id="smenu5">
[Code]...
I always want "smenu3" to show with "smenu4" and "smenu5" collapsed... When the user clicks the link, it calls a javascript function to show "smenu4" like so...
[Code]...
I have some divs laid on top of each other. By clicking somewehre specific I want to hide all the divs but except for one - which is related to the point i clicked - to show up.Here is my code so far:The function will be called by something like this:
<a href="javascript:void(0)"><img src="album_emilia.jpg" width="90px" height="125px" onclick="setAlbum('emilia')"/><p>Emilia</p></a>
function setAlbum(album) {
$('.right_nav').each(function() {[code].....
All these divs are in the same from the right_nav-class.I guess the problem lies within line 6, where I want to select the div that should show up and is given as the argument of the function.The commented lines are things I already tried, but didn't work either, especially $(this).style seems to be invalid.It does hide all divs as i want, but the one i want to show again doesn't show up. It just stays hidden...
I got this example code which show rows when click on it, the problem is it shows all but I want if I click on one row it shows that one and hide others.
<head>
<title>Jquery Table Display</title>
<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="jquery.tabledisplay-0.2.js"></script>
[Code].....
i searched the forum, but did not find a working solution for my problem. IE6/7 are not hiding the divs in the $(document).ready function. Tried also:
$("#closed").css('display', 'none'); document.getElementById('closed').style.display = 'none'; It is working when i add the ID "closed" to the <li>-Element instead of the <div>-Container. All other browsers are working fine.
[Code]...