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


ADVERTISEMENT

Allow A Selected Option To Pull Data From One Field In A Form And Place It In Another

Apr 1, 2011

lets say i have this form:

Code:

<html>
<body>
<form name="x">
<table>

[Code].....

what i want to do is have a selection from 'tst' trigger an input into 'choose' from the data inputted into the 'fname' and 'lname' fields.

for example, i want option '1', when selected to draw the input from 'fname' and place it into 'choose'

or i might want to select the data in 'lname' instead, so i will tie option 2 to it, so when the user selects option 2 the contents of 'lname' go into 'choose' instead.

View 3 Replies View Related

Form - Set The Validation So If One Option Is Selected From A Picklist - Complete A Text Field As Well

Feb 14, 2011

I have a form set up and I need to set the validation so if one option is selected from a picklist, they need to complete a text field as well.

This is the code i'm using:

Code:

Reason is a picklist, I want it to show the alert when option 1 from the picklist is selected and no text is in the Row_Number field.

If any of the other options are selected, I want to make sure the Row_Number field is blank.

As I said, I'm sure this is a very simple thing, but I been working on it for ages, and cannot get it to work, I get the alert every time the Row_Number field is blank.

View 3 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

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

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 :: 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

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 View Related

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

Way To Show A Field When A Value Is Selected?

May 4, 2011

I am looking for a way to show a field when a value is selected.

For example, I have a drop down menu, when yes is selected, a field below appears.

View 4 Replies View Related

Dynamic Option Selected Value From Form

Nov 30, 2009

Here is my options select from my form. Its dynamically generated with php.
Code:
<select id="upgrade[]" name="upgrade[0]" onchange="javascript:calTotal(this);">
<option value="1">1</option><option value="2">2</option>
</select><br />
<select id="upgrade[]" name="upgrade[1]" onchange="javascript:calTotal(this);">
<option value="1">1</option><option value="2">2</option>
</select><br />
<select id="upgrade[]" name="upgrade[2]" onchange="javascript:calTotal(this);">
<option value="1">1</option><option value="2">2</option>
</select><br />

Using javascript I want to get the selected value. Here is what I have, but its getting no where:
Code:
function calTotal(aVar)
{
var c = document.getElementsByName(aVar);
c = c.length ? c : [c];
for(var i=0; i<c.length; ++i)
{
if(c[i].value==1)//I am getting undefined here
{
}
}
Is there a way to loop through an array of option selected like the one I have here?

View 4 Replies View Related

Show New Field When Radio Button Is Selected

May 26, 2006

I have a pair of radio buttons (yes and no) as answers to a question. When the yes radio button is selected, I need a text field to be displayed underneath it. Does anyone know how to do this?

View 2 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

Select Form - Changing Which Option Is Selected?

Dec 26, 2010

I've written a script which changes which option is selected by default:Part of the Form:

Code:
<select id="selectedColor">
<option value="green" selected="selected">Green</option>

[code]....

View 3 Replies View Related

Show Price In Field When Radio Button Or Checkbox Selected

Jun 19, 2009

I am working on a registration form for a conference. The form has several sections of radio buttons and checkboxes and I would like to have it set up so that if a radio button or checkbox is selected the price related to that selection shows up in the rigjt column of the form and can then be totaled up at the bottom of the page.
1. Show price in field.
2. Total up all of the prices at the bottom of the page.
You can view the registration form at: [URL]

View 9 Replies View Related

JQuery :: Select Form Element - Display A Rel Of Each Option As They Are Selected Into A Div

Sep 20, 2011

I am trying to display a rel of each option as they are selected into a div below it . There are several selects of classProductAvailability on the page. When one of the selects changes, I'd like the value of the rel of the selected option to display.At first it seems to work, but only if you start by changing the last pull down menu. The trouble seems to be in the"select.ProductAvailability option:selected", this needs to be written for this instance, not all of the selects of that class on the page. How do I write that, I've tried$(this+" option:selected") but it won't take.

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("select.ProductAvailability").change(function () {
[Code]...

View 2 Replies View Related

Create A Form With Radio Buttons When An Option Is Selected And Submitted It Comes Up With A Message

Nov 26, 2011

I am trying to create a form with radio buttons, when an option is selected and submitted it comes up with a message but i cant get it working. If the first radio button is selected I want the message class 1 and if the second class 2 etc

[Code]...

View 9 Replies View Related

Auto Fill Form Fields With Mysql Data For Selected Pull Down Option

Nov 28, 2004

I have some form fields that the user can either type in or he can check a checkbox so that MySQL data for an option selected from a dynamically generated (PHP/MySQL) select menu is filled in. How can this be implemented? I have the code for the select menu.

View 3 Replies View Related

Populate Form Field Based On Select Option?

Jan 14, 2009

Is there some example js that shows how to populate a text field on a form, based upon what option is chosen in a select form field? The options can be hardcoded and it would be great to also have a default if js is off on the client side.code...

View 4 Replies View Related

Image Fadeout When Form Field Selected

Dec 19, 2010

Is it possible to have a form's textarea background image fadeout to an alternate bg image, when that textarea is selected (by clicking the textarea or tabbing to it)? I've never seen this done before, but I'd really like to do it..

View 12 Replies View Related

JQuery :: Check When File Form Field Has Selected?

Jan 26, 2010

How can i check if file form field has file selected or is empty?[code]...

is this ok or is there a better way?

View 1 Replies View Related

JQuery :: $(this + "option:selected").attr("rel") Option Selected Is Not Working In IE

May 31, 2010

The code below works perfect in Firefox, not in IE8.

<script language="javascript" type="text/javascript">

HTML:

View 5 Replies View Related

Show/Hide Form Field In IE & Firefox

Mar 2, 2006

I found the toggle function (shown below) and applied it to a form of mine.
It works fine in IE, but in Firefox it appears to fail on the eval lines.

I've searched around but I can't seem to find the correct invocation to get
the field to appear in Firefox.

I've copied below the call and the html of the field itself.

View 7 Replies View Related

Jquery :: Show Datepicker In An Input Field In A Form?

Feb 15, 2012

I need to show the date picker in an input field that is inside a form. I have index.php which has the code for the date picker, I just need to link it to the input field. I have the form in another file as follows:

<form id="inputArea" action="index.php?action=login" method="post">
<input type="text" name="datepicker" value="<?php echo $array['date'];?>"/>
<label for="date">Date of Birth (mm-dd-yyy):</label>

[code]....

View 2 Replies View Related

Show Text Message If Form Field Populated?

Aug 22, 2010

I don't know how hard this is / isn't to do, but I wondered if it is possible to use Javascript / jQuery (I have the library included on the page I need to edit) to display a message below a text input field if the field is populated.

The reason I need it is that if the user fills the field in, I would like to add an instruction message underneath the field. If the field remains empty, I don't want the text to display.

View 14 Replies View Related







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