SHow / Hide Elements Based On Selected Option

Nov 13, 2010

I've tried to find a stright forward script which show/hide specific form fields based on a selected option. I've seen many online but non of them was working with me without the need of some coding or tweeks. Does anyone here have such script?

View 4 Replies


ADVERTISEMENT

How To Show Amounts In Drop-down Based On Selected Option?

Nov 26, 2006

Does anyone know of a Javascript that will show an amount in a drop down based on what was selected in the previous drop down? Example: Code:

<select id="car">
<option value="volvo">Volvo</option>
<option value="audi">Audi</option>
</select>

<select id="price">
<option value="">Please select</option>
<!-- show this if volvo -->
<optgroup id="vol">
<option value="30000">30000</option>
<option value="31000">31000</option>
</optgroup>
<!-- show this if audi -->
<optgroup id="aud">
<option value="40000">40000</option>
<option value="41000">41000</option>
</optgroup>
</select>

View 9 Replies View Related

Hide / Show Div By Dropdown Option Selected

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

JQuery :: Show / Hide Elements Or Remove / Add Elements Based On Radio Selection By User?

Mar 14, 2010

I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:

<input name="terms_usr" type="radio" id="terms_usr_1" value="1"/>
<label for="terms_usr_1">Credit Card</label>
<input type="radio" name="terms_usr" id="terms_usr_2" value="2"/>
<label for="terms_usr_2">C.O.D</label>

[Code]....

View 3 Replies View Related

JQuery :: Show / Hide DIV Based On Selected Value Of Tag

May 29, 2010

I have a simple jQuery code that shows or hides a DIV based on the selected value of a select tag. Currently it looks like this and it's working fine:
if (selected == "0") jQuery("#divPublishDate").show('slow')
I want to add an else so that the if the value is anything other than 0, I want to hide the div. What's the proper syntax in this case? I assume this is the short version of an IF statement without the { }.

View 2 Replies View Related

JQuery :: Hide/Show Based On Radio Button Selected?

Sep 14, 2009

I am trying to create a script that will display content based on if aradio button is selected, and if the other is selected would hide thecontent. Now, each of these radio buttons are part of a radio group,so their names are the same. Most examples show nput:radio[@name=item] Since I have 2 items that have the same name, I can't usename, so I thought I would try id or value. It isn't working. If I addonly the show, whenever you select either radio button, it shows, andif I add the hide code, it doesn't work at allHere is what I have right now.

$(document).ready(function(){
$('#offices_checkboxes').hide();
$("input:radio[@value=1]").click(function() {

[code]....

View 2 Replies View Related

Show/hide Several Elements Based On List Selection?

Jan 26, 2009

I got a table.Each row has a list of statuses.If status == yes, then several elements will be shown in the rowif status != yes, then hide those elements.Im not sure if I have made a good solution, but it seem to work ok (opera9.6, ff2, ie7)The status selector passes on a unique rowid, and itself. This way the js function can get the row, and the status of the selection. Then toggle various elements in that row.Only annoying thing is the way row elements are named and found. It kinda have to rely on some hard coding, but its ok I guess.Im not sure if its possibel to just call toggle( this ), and that way get to the elements in the row.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

[code].....

View 7 Replies View Related

Show/hide Elements Of A Form Based On Drop Down Box Selection

Feb 13, 2006

I am setting up a contact form, and want to have a drop down box with a handful of options. Clicking one option should display fields to input username & password, whereas all others will not. So far, I've tried and (replacing 'none with 'block' for the option that is supposed to show the input fields) but neither does what I need it to. I'm fairly new to javascript, just muddling my way through with the aid of tutorials.

View 2 Replies View Related

JQuery :: Show/hide Form Elements Based On Radio Button Selections ?

Mar 17, 2011

I have a set of radio buttons on my pricing page:

And a corresponding text_field input element div I'd like to display based on which radio button the user selects:

When the page loads, I'd like to see:

When the user clicks on a (different) radio button, or clicks one for the first time, I'd like whichever div is currently showing to be hidden, and the newly selected one to be shown.

Right now I have jQuery code at the bottom of my page that looks like this:

For each of the four options.

When the page loads, the correct div is shown, and when I select a new button, the new div is shown, but the already showing one isn't hidden.

I've read some posts that suggest using change() instead of click(), but others indicate that's problematic in IE.

View 1 Replies View Related

Checking Text Based On Option Selected?

Dec 6, 2010

I'm taking a beginning javascript class and have been trying to figure out one last part of a homework assignment and am just not seeing how to work it out. What I'm having trouble with is doing the text verification. When a user selects an option from the select list they then need to type in the text area given. If the user doesn't type the word selected in the list then an error message should appear under the text area. If you look at my code you'll see that I have the text_check() function doing the verification. I can get it to work when there is only one option but once I add the other two it stops working. I've tried if... else and other variations, but can't seem to nail it down.

[Code]...

View 2 Replies View Related

Update Selected Option Based On Another Entry

Sep 30, 2011

I have an options list that is generated from a database. It currently has ~125 options in it. I've received the request that the user be able to either enter the corresponding number or select the option from the list. How can I update the "selected" attribute in the options list based on a number that may be entered in another text entry box?

View 4 Replies View Related

Changing Hidden Field Value Based On Selected Option

Aug 25, 2009

how to Change a Hidden Fields Name based on selected option. The hidden fields name is sent off and I need to change the name depending on what option they select. For if they select MyList the hidden field name needs to be SelectLists[40] or if they select testlist the hidden field name needs to be SelectLists[41]. This is probably way, way off but I've done this and it doesn't work.

[Code]....

View 9 Replies View Related

JQuery :: (.) Period In Value Field - Show/hide A Div Based Based On The Selection Made Via A Dropdown

Apr 9, 2010

Im using a jQuery script to show/hide a div based based on the selection made via a dropdown.

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

The problem im having is that the value used in the dropdown lists are price values eg 10.00

Consequently jQuery seems to interprit these as css notations, meaning the code doesnt work.

View 4 Replies View Related

GetElementById/form.elements - Get The Value Of A Selected Option Value?

Sep 16, 2010

I'm trying to get the value of a selected option value. I've tried using getElementById("fieldname").selectedIndex.value and formname.elements["fieldname"].options[selectedIndex].value with no joy.

View 1 Replies View Related

JQuery :: Check If A Select Option Has Been Selected And Then Hide A Div?

Mar 21, 2011

I tried using the following code to check if the user has selected a particular option in a single select drop down has been selected, then add a class to a div to display it but it's not working and I can't figure out why. I've tried a ton of other things to but this one seems to make the most sense.

if ($("#existing-subscriber option[value='Yes']").attr('select')) {
$(".information").toggleClass("show");
}

View 2 Replies View Related

Ajax :: Show Region If Option Selected

Jan 29, 2010

I have a PHP form, with a Customer Select List. Once an option has been selected, the 'custid', is passed to Javascript that collects all the contacts linked to that customer and populates another Select List. This works fine, but what I'm after is an extra two inputs to appear when a particular customer is selected, but I'm not entirely sure how to go about it.

Here it goes:
Table/Form:
Code:
<script type="text/javascript">
var ajax = new Array();
function getTextList(sel) {
var Customer = sel.options[sel.selectedIndex].value;
document.getElementById('text').options.length = 0;
if(Customer.length>0){
var index = ajax.length;
ajax[index] = new sack(); .....

View 2 Replies View Related

Show Particular Form Field When Option Selected

Dec 15, 2011

I'm new to JavaScript. I'm trying to create my form in such a way that if 'Premium' is selected, a the text box with label 'membership no' is displayed and if 'bronze' is select, the drop-down list 'sponsor' is displayed instead....here's what my form looks like...

<form id="form1" name="form1" method="post" action="">
<p><label for="select">Membership:</label>
<br /><select name="select" id="select">
<option value="Premium" selected="selected">premium</option>
<option value="Bronze">bronze</option>
</select></p>
<p>Membership No:<br />
<input type="text" name="textfield" id="textfield" />
</p>
OR<br />

Sponsor:
<br />
<select name="select2" id="select2">
<option value="329">329</option>
<option value="234">234</option>
</select>
</form>

View 4 Replies View Related

JQuery :: Show Multi Textareas If An Option Is Selected?

Jan 11, 2012

So far i managed to show/hide (the only) 1 textarea if an option is selected, using javascript. How can i show all textareas in form if an option is selected (lets say <option name="active">) and hide if option selected is name="passive"?

View 1 Replies View Related

JQuery :: Show A Text Box When An Option Is Selected From A Dropdown?

Oct 7, 2010

I have the following dropdown list box [code]...

I want to show() a textbox and a label based on someone selecting the "is between" option of the dropdown list.

I have multiples of these dropdowns and all of them will have to do the same thing. In other words I have

DDLConditional1 2 3 4... infinite. I've already been able to make the button work that appends new conditionals.

View 1 Replies View Related

JQuery :: Selected Elements Based On Checkbox

May 2, 2011

I have the following HTML. I wish to select all the second column elements for only rows where the input is checked. For instance, if row 1 and row 3 was checked, I would want to select the td elements which contain row1_column2 and row3_column2.

<table><thead><tr>
<th><input type="checkbox" value="" class="checkAll" /></th>
<th>Col1</th>
<th>Col2</th>
<th>Col3</th>
</tr></thead><tr>
<td><input type="checkbox" name="cb[]" value="1" /></td>
<td>row1_column2</td>
<td>row1_column3</td>
</tr><tr>
<td><input type="checkbox" name="cb[]" value="2" /></td>
<td>row2_column2</td>
<td>row2_column3</td>
</tr><tr>
<td><input type="checkbox" name="cb[]" value="3" /></td>
<td>row3_column2</td>
<td>row3_column3</td>
</tr></table>

View 3 Replies View Related

Hide Forms On Page Then Display Form Based On Option Selection?

Nov 17, 2010

I want to have several forms on one page that are not displayed until a selection is made from the category drop down box(select element). The form displayed will depend on the selection made. Here is the code I have so far.

<body>
<label id="Label1">ADMINISTRATOR CONSOLE - ADD AND EDIT ASSETS<br />
</label>

[code]....

View 3 Replies View Related

Hide Forms On Page Then Display Form Based On Option Selection

Nov 17, 2010

I want to have several forms on one page that are not displayed until a selection is made from the category drop down box(select element). The form displayed will depend on the selection made.

Here is the code I have so far.

View 1 Replies View Related

Hide Elements Based On ID

Oct 13, 2005

I've got the following function which works perfectly...

for (x=1;x<howMany;x++){
what = "b_" + whichProcess + "_" + x;
document.getElementById(what).style.display = ''
}

the function will pass how many elements there are to be changed along with their ID numbers... it's used to hide rows on tables... eg:

<tr id="b_1_1"></tr>
<tr id="b_1_2"></tr>
<tr id="b_1_3"></tr>

the above hide perfectly... but I have other rows such as

<tr id="b_1_1"></tr>
<tr id="b_1_2"></tr>
<tr id="b_1_3"></tr>
<tr id="b_2_1"></tr>
<tr id="b_2_2"></tr>
<tr id="b_3_1"></tr>

my question is how can I make a loop which will hide ALL elements which begin with "b_"

View 2 Replies View Related

Show And Hide On Select Option Dropdown Menu

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

Show Hide Text Box On Select Option Change

Nov 12, 2010

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.

View 4 Replies View Related

Show / Hide A Div When A Radio Is / Isn't Selected

Oct 16, 2009

I am new to this kind of scripting, so I have not done it before, I have tried to find solutions on the net but none have worked. I have a 'contact us' form, which includes 2 radio buttons to select how they wish to recieve their reply... the first radio is 'email' the second radio is 'phone' When the 'phone' radio is selected, i want the div including a drop downbox to appear to ask what time to recieve a call, but when the 'email' radio is selected, this div does not appear. This is the script for this section.

[Code]...

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved