Selection-dependant Input Field - When A User Clicks "Other" From The Drop-down Box

Apr 9, 2010

I have a drop-down box which lists manufacturers of computer products. I want it so that when a user clicks "Other" from the drop-down box, a new input field appears below it which asks them to specify an alternative manufacturer.

<select name="cat" id="cat" onchange="setCategories();">
<option value="components">Components</option>
<option value="pcs">Desktop Computers</option>
<option value="laptops">Laptops/Netbooks</option>
<option value="monitors">Monitors</option>
<option value="drives">Internal Drives</option>
[Code]...

I know it is to do with the "onchange" attribute of the manufacturer input field, but I am new to JavaScript and don't know what code is required for the function to do this.

View 9 Replies


ADVERTISEMENT

URL Link Dependant On User Input In Form

May 28, 2007

I have a form setup on my webpage that grabs a couple pieces of information from the user (ie name, address, etc.) and when the user enters this information and submits the form, the base URL of Code:

View 3 Replies View Related

Array - Show / Hide Several Paragraphs When The User Clicks Next And Then The Reverse When The User Clicks Prev?

Feb 22, 2011

How to show/hide several paragraphs when the user clicks next and then the reverse when the user clicks prev.

View 1 Replies View Related

JQuery :: Using Function) To Close A Drop-down When The User Clicks?

Apr 22, 2011

I made a drop-down list that is opened when a user clicks on a button. If the user selects an item, the drop-down is rebuilt so the list is closed. If the user clicks on the button again, the drop-down closes using .toggle() on the button click event, and these two scenarios work great.However, I also need the drop-down to close when the user clicks anywhere outside of the drop-down. This seems simple, but I've been having a really difficult time figuring this out. I tried .focusout(), but this makes the events I have tied to selecting an item not fire at all. I also found this little bit of code from a drop-down plugin that should work perfectly, but it fires when the user clicks on the button, so the drop-down never opens:

[Code]...

View 2 Replies View Related

Invoice Form - User Can Add - Input Field - After Adding A New Input Field - The Content In The Other Fields Is Deleted

Sep 1, 2011

I'm now working on kind of invoice form which in it the user can add as much input field as he wants.

The problem is that after adding a new input field - the content in the other fields is deleted.

Code:

View 8 Replies View Related

Drop Down Menu Selection Writes To Text Field

May 13, 2003

I was wondering if anyone can point me to an example where:

You select an option from a drop down list Based on what you select, if writes information to 1 or more text fields.

View 3 Replies View Related

Change Background Picture Depending On A Drop Down Field Selection?

May 19, 2010

I need to achieve two things upon making a selection from a drop down field:

1) Changing the background picture of a cell.

2) Changing the size of a uploaded foreground picture within the same cell. code...

View 4 Replies View Related

Show/Hide Text And Form Field Based On Drop Down Selection

Jul 20, 2005

I'm trying to show/hide a simple piece of text and a text field on a
form based on what choice is made from a drop down box.

<select name="dropdown" size="1">
<option selected value="">Please make a selection</option>
<option value="1">Choice 1</option>
<option value="2">Choice 2</option>
<option value="3">Choice 3</option>
<option value="4">Other</option>
</select>

i.e. if Choice 2 is selected I'd like to display a new <tr> with the
following:

<tr>
<td>New text field:</td>
<td><input name="newField" type="text size="20"></td>
</tr>

if any other choices are made, I don't want to display anything.
I've tried several onchange() functions but can't achieve what I'm
looking for.

View 6 Replies View Related

JQuery :: Autocomplete Selection Blanks Out Input Field

Jan 11, 2010

I have been using the jquery autocomplete plug-in for some time now and find it very useful. Lately I have come across the following problem in one of my JSP pages. The autocomplete suggestions are displayed and formatted properly. But when I select the one that I want, the result briefly appears in the input field and disappears. Simultaneously, the entered result automatically triggers another jquery search. The contents of my JSP page is given below. The same jquery code works perfectly well with other JSPs.

Code:
<%@ include file="../common/include.jsp" %>
<script>
var cols = []; // column mappings : 0=Last name, 1=First Name,
2=Title, 3 = Employee ID
$
.ready
function { .....

View 1 Replies View Related

JQuery :: Reset An Input Field To Its Default Value According To Selection

Nov 25, 2011

How to reset an input field to its default value, which is depend on another. There is a way to clear the input field but not resetting to its default value.

Example

I have 2 radio buttons. Depends of the radio button selection some other input fields are required. Those things are already done using the click function. It clears the input field. But I need to reset to its default value.

View 6 Replies View Related

PHP/MySQL Dependant Drop-down Menu?

May 13, 2009

I'm looking at integrating a JavaScript/PHP/MySQL dependant drop-down menu order configurator. My client sells a lot of high-tech stuff, which needs to be customized, so I was thinking that this would be the perfect solution.

Rather than have the list statically populated with HTML tables, if the clients could automatically configure them to their specifications, then this would be the best option to avoid confusion, as well as save my client's support desk time and money during the pre-sales process.

However, I am not having luck finding what I need when Googling for dynamic dependant javascript php menus... a lot of basic JavaScript menus comes up, and that's great, and I really don't have the time to spend on this project creating a custom mysql/php implementation.

View 2 Replies View Related

Drop Down & Text Input For The Same Field

Oct 3, 2005

My database saves the cars make and model to the row in the database. On the "Add a Job" page, you have to enter the make and model of the car in by hand. I'm looking for a way to have these in a dropdown list, but if the make/model isn't in the list to be able to add it manually.

I can get the makes and models form the database and get them to fill a dropdown list, but then there isn't any provision for entering a make/model manually without going into PHPMyAdmin.

i figured this would probably be best done in JavaScript, but can't find any info on scriptsearch, hotscripts, etc

View 2 Replies View Related

Change Background Colour Of Field Dependant On Value?

Apr 20, 2011

I've been using this bit of code to limit the number of characters in a text field (taken from http://www.shiningstar.net/articles/articles/javascript/dynamictextareacounter.asp:

<SCRIPT LANGUAGE="JavaScript">
function textCounter(field,cntfield,maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!

[code]....

View 2 Replies View Related

Drop Down Dependant On Drop Down

Sep 4, 2001

Okay I searched (and searched...) and I see the drop down radio button forum but I want to make a drop down dependant drop down. like select option 1 - 70 in list 1 then the second box is changed to fit the possibilities, probably 1 - 20 options for most. I think it could do it with an array but I have never used Java (well no "advanced" stuff.)

View 7 Replies View Related

JQuery :: Validate Of 2 Dependant Input Fields?

Nov 9, 2011

I am using jquery.validate.js. I am having 2 input fields. The condition is the second input value should not be less than first input value. The second condition is the first input value should not be greater than 2nd value. I tried with different options but it didnt work. Is there any jquery function for this validation? Or pl

View 2 Replies View Related

Force User To Input 2 Decimal Places In Form Field

Jun 17, 2010

I have a small piece of code (taken largely from W3 Schools)that checks that there is a decimal point entered in a form field, but what I really need is to check that the number entered ends in 2 decimal places.

e.g.
10 is Invalid
10.00 is Valid

My current code is below. Can someone explain what I need to do to ensure that the user enters a number including two trailing decimal places please?

[Code]...

View 1 Replies View Related

If User Types In The Correct Info Into An Input Field - Then Show A Submit Button

Jul 2, 2009

I'd like to create a quick and dirty validation method for a form. It's not meant to be very secure.

The way I picture it working is this - there is an input field that asks for a password. If the user types in the password correctly, the "submit" div tag will change from "none" to "block". , which will display the submit button. I just am not familiar with JS enough to know if that's possible.

Here's what I'm starting with:

Code:

View 6 Replies View Related

Specify When User Right Clicks?

May 24, 2011

How would you specify when user right clicks?

View 6 Replies View Related

Can't Pop-up A Window When User Clicks On An Image

Apr 26, 2006

I am trying to pop-up a window when the user clicks on an image. The problem is that when the user clicks on the image and the window pops up OK, but the window underneath also proceeds to the image. The desired behavior is that when the pop-up is invoked, I want the
underlying window to stay put. Code:

View 18 Replies View Related

Pop Up Screen When The User Clicks To Download?

Dec 2, 2009

I want to add something to my web site. when the user clicks to download. i want to see a pop up screen which says your download has started.

<script type="text/javascript">
function show_alert()
{

[code]....

View 8 Replies View Related

Change Name Of A Link After User Clicks On It?

Mar 18, 2011

I would like to change the text of an <a> element when the user clicks on it. The code that I've written is only "half" working:

Code:
$('#linkid').click(function() {
if ($('#linkid:contains("text1")')) {
$('#linkid').html('text2');
} else {
$('#linkid').html('text1');
}

Initially the text of the <a> element is "text1".

When I click on it the text is correctly changed to "text2". But if I click on it again, the text doesn't change back to "text1", it remains "text2".

View 5 Replies View Related

How To Prevent Multiple User Clicks To Ads

Sep 13, 2011

Is there js to prevent malicious clickers who try to ban my site from google ads by clicking so many times?

View 2 Replies View Related

JQuery :: Two Input Fields / Give Second Input Field Always Same Value As Input Field One

Jun 7, 2010

I am having a form with two input fields. I want to enter some text in the first input field and then the second field should get the same text. Is there a simple way (maybe a plugin) to do this with jQuery? It would be perfect if I even could output all these input fields values as normal text in <p> or <li> tags.

View 2 Replies View Related

Pass User Input From A Form To One Database Field Using Several Form Elements

May 4, 2009

I need to pass user input from a form to one database field. I'm relatively new to JS but the idea I had was to have several form elements and use JS to collect the users input and send all the values through a hidden element. What's happening is the variable names are being sent rather than the values. The code below is only passing to the next page. Limitations: I am editing an intranet site built by a 3rd party so a lot of the files we've been given are encrypted. I cannot change the method to post.

[Code]....

View 3 Replies View Related

Getting Event When User Clicks X In Browser, Something Different From {before}bodyunload

Sep 3, 2006

I am trying to get a way by which I'll know exactly when user goes out
of my site by clicking on close button in browser, So that w/e user
click close button in browser, I can send a signal to server.

This seems to be achievable with body unload events, but it is little
too much, as even if user navigate within my site, this event will be
generated, this can be avoided by handling onclick of each link, so
that I'll know exactly which link is clicked, but honestly this looks
over doing to me, any other smart short cut for finding out when user
click on X in browser?

View 6 Replies View Related

Sending Email When User Clicks Link

Dec 7, 2010

I want to send a simple email with just email & subject only when the user clicks a link that opens a pdf. I'm thinking javascript is the best way to do this but I have no idea how. I have googled it a bunch but most information is about getting an email when someone clicks a link you send in an email. I don't want that. This is on a website. I'm not sure if php would be better to use.

View 7 Replies View Related







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