Hide And 'disable' Hidden Dropdown?
Sep 21, 2009
I have this nifty little javascript and three radio buttons. Depending on what radio button is selected, it will hide/show a hidden div that contains a dropdown pertaining to each drop down.The problem is that even though the div's are hidden, the 'hidden' drop downs are still on the page and are defaulting to the last drop down.I need to modify this script so that is hides the other two div's (as it currently does) AND disables the other dropdowns that are not shown so they do not get $POST'ed.Here is the script:
Code JavaScript:
<script>
function showonlyone(thechosenone) {
[code]...
View 1 Replies
ADVERTISEMENT
Apr 20, 2011
I have two dropdown lists with the second one being dependent on the selection in the first.
Options in list 1: 1,3 or 4
List two should be enabled when 3 or 4 is selected in list 1.
So far so good, managed to get it to work with only one set of lists, but I actually have 18 of those sets in this form:
<select name="fw[$i]" id="fw[$i]">
<option value="1">FWH</option>
<option value="3">links</option>
<option value="4">rechts</option>
[Code]....
I'm not that adept in javascript programming, more like a trial and error guy, how has hit the wall with this problem.
View 20 Replies
View Related
Sep 16, 2009
I have two select lists. code...
What I want to do is set the sub div dropdown selectedIndex == 0 when Morning or Afternoon is set to Choose one. In essence clearing the values when the div is hidden so the other fields are no longer disabled.
View 1 Replies
View Related
Oct 19, 2007
How can I disable an option in a drop-down menu? Specifically, I want
to disable the option "Bouncy Castles". I want to display it, I just
want the user to be able to select it. As well, how can I remove the
indentation?
View 1 Replies
View Related
Jan 11, 2011
i want to create a form Form have 2 submit buttons also have one drop down list when selecting dropdown list item disable the one submit button
View 3 Replies
View Related
Mar 3, 2011
I have a single select dropdown in my application which is hidden for one type of user group. Before a user from this group can save any data, I have to explicitly select the default value of this dropdown for him as this dropdown is not visible to him.
Issue: In IE, this default value doesn't get selected as it is not populated but works fine in Firefox. Is this a jQuery bug?
View 1 Replies
View Related
Jan 14, 2011
I have searched and found lots on enabling/disabling form inputs, but nothing that matches my needs.
I have a form with a dropdown with values 0-4. If value 0 is selected I want the checkboxes to be disabled. If value 1-4 is selected I want the checkboxes to be enabled.
Code:
<html>
<head><title>Disable with Dropdown Test</title>
<script>
function num_check(sel,cb) {
[Code]....
View 11 Replies
View Related
Feb 18, 2009
I have a simple form - I want to disable the text field if Choice 2 from the dropdown menu is selected. I have this working with the code below, but for some reason if I go back and select choice 1 after selecting choice 2 the text field remains disabled. I only want it to be disabled if choice 2 is selected.
View 5 Replies
View Related
Nov 23, 2010
My goal is to be able to have a page with multiple hidden DIVs. On click of a link, a single DIV (box) should appear. Now, either on second click of that link, it should close OR on click of another link the first DIV should close and the second should open. At any one time, only one DIV (box) should be visible with the option to close DIVs by clicking a second time on the open link. I have only been able to get 2/3 the way there. I am able to click on a link and open it, click a second link which closes the first and opens the second, but I don't know how to close the last open link so that no DIVs are shown, as when the page originally loaded.
Here is my example code:
<html>
<head>
<title>Hide DIV Test Run</title>
<script language="javascript">
function show(selected) {
var openDiv = document.getElementsByTagName("div");
for(var x=0; x<openDiv.length; x++) {
name = openDiv[x].getAttribute("name");
if (name == 'openDiv') {
if (openDiv[x].id == selected) {
openDiv[x].style.display = 'block';
} else {
openDiv[x].style.display = 'none';
}}}}
</script>
<style>
body {
width:50%;
}
#openDiv1 {
display:none;
border:solid 2px black;
width:200px;
}
#openDiv2 {
display:none;
border:solid 2px black;
width:200px;
}
</style>
</head>
<body>
<div id="body">
<p>This is <a href="#" id="link1" onclick="show('openDiv1')">some</a> test text. Sentence #1.
<div name="openDiv" ID="openDiv1">This is the hidden text.</div>
<p>This is even <a href="#" id="link2" onclick="show('openDiv2')">more</a> text. Sentence #2
<div name="openDiv" ID="openDiv2">This is more hidden text.</div>
</div>
</body>
</html>
View 3 Replies
View Related
Jul 23, 2005
I know it's possible to manipulate the status bar when a user scrolls
over links, but is there a way to completely disable or hide it? I
have a flash program that connects to a database every 5 seconds, so
the status bar always says "transfering data from..." It gets quite
annoying, so I was wondering if there was any way to stop the status
bar from displaying this message. If I can't hide it, it would be nice
if I could get the status bar to say "Done".
View 5 Replies
View Related
May 6, 2011
As my question states, I want to disable my ad from showing if the user clicked to my site via certain portals such as google search or digg.com. How can I do this?
View 3 Replies
View Related
Oct 16, 2009
I'm relatively new to jQuery and wrote a simple script that hides a block of text and displays a read more link that when clicked shows the hidden text. Everything works fine except in Safari where the hidden text is initially displayed for a second or so before being hidden. I did some research and I did run into a few posts about similar Safari bugs but no resolution has worked for me yet.
[Code]...
View 3 Replies
View Related
Aug 31, 2011
I have 2 datepickers, 1 that has the day in and the other the day out. Id like to be able to disable the day out datepicker icon(hide it) until you put in the day in date. Here's my code. You'll notice the onSelect:datepickerhandle...this makes a call to that function which only allows the day out date to be within 30 days of the day in.Ill add this script at the bottom to.
var today = new Date();
View 1 Replies
View Related
Feb 16, 2009
I've been trying to show/hide something if one of some different options is selected in a dropdownmenu.
This is the code I've landed on so far:
Usually I would place the script in the head tags, but for some reason div2 shows if I do that.
View 3 Replies
View Related
Jun 7, 2010
Here's what I want to do:
1. Have a link (p.advert a.toggle) inside p.advert that tells p.hidden to show itself and at the same moment hides that link (p.advert a.toggle).
2. p.hidden must be closed by a link within himself.
3. When I close p.hidden, I need p.advert a.toggle to become visible so that the user can see p.hidden again by clicking on p.advert a.toggle.
4. The code must be reusable many times on the same page.
At the moment I can't get point 3 to work.
View 4 Replies
View Related
Jul 20, 2011
I have four links which show a div and when you select another link it closes the current div and shows the new one. I'm trying to add a 'Close' button within the currently open div which obviously will hide the div and allow it to be opened again by selecting a link.
Code:
HTML Code:
My problem is that when the box has been hidden by the close link it will not be shown by the links.
View 2 Replies
View Related
Apr 24, 2010
ive been racking my brain looking for a code solution for this....im a html and css pro....and a javascript heres what im tryna do....i have a form...that has a <option> in it for 6 dropdown options.... in one of those possible options.. when SELECTED...i want the div layer that i currently have under it...to appear and i cant seem to figure it out....heres my code in its entirety i want budget div...to appear when the option website design is selected
[Code]....
View 2 Replies
View Related
Apr 27, 2010
I have a div tag element and a hide/show button above it. I'm able to handle the hide show of the contents all right via the button, but I want the div to be hidden when someone clicks anywhere else in the document, save inside the div area itself.This functionality is similar to what you see on the sign on panel in twitter.com. Press the sign in, the div sign in panel displays. Press the sign in link OR anywhere else on the document outside the panel. The panel is hidden.What's the best way to script this functionality in jquery?
View 1 Replies
View Related
Jan 30, 2009
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'
}} .....
View 3 Replies
View Related
Apr 12, 2010
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:
View 3 Replies
View Related
Jul 23, 2005
Does "document.formName.elementName.disable" work on hidden form text
elements? I have a form with some input fields that are associated with
some hidden text fields and I would like to disable all of the
categories inside the form when the page loads and only enable each
category as it is needed. Code:
View 3 Replies
View Related
Jan 10, 2011
I have the following code that generates two dropdown boxes in a form, but I would like for the second to be hidden unless the first has 'Software problem' selected. Is it possible to do this?
<p id="parent-menu">
<select name='helpdesk-category' id='helpdesk-category' class='dropdown' tabindex="40">
<option value='-1'>Select a Category</option>
<option class="level-0" value="13">Software problem</option>
<option class="level-0" value="14">Hardware problem</option>
<option class="level-0" value="15">Suggestion</option>
<option class="level-0" value="16">General query</option>
</select>
</p>
<p id="toggle-menu">
<select name='software-category' id='software-category' class='dropdown' tabindex="50">
<option value='-1'>Select a Program</option>
<option class="level-0" value="6">BigHand</option>
<option class="level-0" value="7">IRIS</option>
<option class="level-0" value="8">MS Outlook</option>
<option class="level-0" value="9">MS Word</option>
<option class="level-0" value="10">MS Excel</option>
<option class="level-0" value="11">Oyez</option>
<option class="level-0" value="12">Internet Explorer</option>
</select>
</p>
View 2 Replies
View Related
Jul 9, 2009
I can't figure out why it dosen't work. I'd like to show/hide a <p> block depending on the value selected in the dropdown list:
$(document).ready(function(){
$('#report_rep_type').change(function(){
$('#report_rep_type').change(function(){
if($(this).text()!= 'Contigency Liabilities/Others')
$('#someElement').hide();
else
$('#someElement').show();
});
});
});
HTML code:
<form action="my action>
<fieldset>
<legend>Report details</legend>
<p>
<label for="report_rep_type">Report type</label><br />
<select id="report_rep_type" name="report[rep_type]"><option value="">Please select</option>
<option value="Scientific & Technical">Scientific & Technical</option>
<option value="Financial">Financial</option> .....
<p>
<button class="button " type="submit"><img alt="Tick" src="/images/silk/icons/tick.png?1245400388" /> Create</button>
</p>
</form>
View 7 Replies
View Related
Nov 26, 2009
I'm pretty bad with Javascript, but I need to hide or show a snippet of text (could be inside a div without problems) based on the selection of a dropdown menu (<select>). If they choose anything with the word "Series" on it, I need to show the snippet. If they choose anything without "Series" on it, then the snippet needs to disappear. I should mention the snippet is part of a form, just a checkbox but that shouldn't be a problem I don't think.
View 24 Replies
View Related
May 24, 2010
I have a page as below, I hope the form only show Select option when loading, then the input date fields will be displayed if select event category, where are the errors?
Code:
<script src="/misc/jquery/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$.viewInput = { '0' : $([]),
//THIS IS THE NAME OF THE DIV WRAPPING THE HIDDEN FIELD
'1' : $('#1'),
};
$('#category_class').change(function() {
// HIDES THE INPUT FIELD IF ANOTHER DROPDOWN ITEM IS SELECTED ONCE THE HIDDEN FIELD IS LOADED
$.each($.viewInput, function() { this.hide(); });
// SHOWS THE INPUT FIELD ITEM IF SELECTED
//$.viewInput[$(this).val()].show();
}); });
</script>
<table cellpadding=4 cellspacing=1 width="650" border=0 class='list'>
<tr> <td class='caption'>
<form action="save.asp" name="pvt_spec" method="post">
<table border=0 cellpadding=4 cellspacing=0>
<div id="1"> <tr>
<td nowrap><font size=2 color="#ff0000"></font>Start Date</td> <td class='data'>
<input onClick="this.select()" tabindex="1" type="text" name="s_dt" value="2000/01/01" size="13" maxlength="13" STYLE='text-align=center;'>
</td> </tr> <tr>
<td nowrap><font size=2 color="#ff0000"></font>End Date</td> <td class='data'>
<input onClick="this.select()" tabindex="1" type="text" name="f_dt" value="2078/12/31" size="13" maxlength="13" STYLE='text-align=center;'>
</td> </tr> </div> <tr> <td>category</td> <td class='data'>
<select name="category_class" id="category_class" tabindex=1><option value="1">Base category</option><option value="2">Parent Event Category</option><option value="3">Son Event Category</option></select>
</td> </tr> </td> </tr> </table>
View 9 Replies
View Related
Jun 26, 2009
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)
View 4 Replies
View Related
