Creating A Form That Will Change The Number Of Fields Based On User Input
Jan 4, 2006
I have a form that collects information about up to 5 items. I would
like the user to be able to select from a drop down menu how many items
for which they want to compare information, and then have the form
change the number of input fields accordingly.
In other words, if the user selects enter info for 3 items, then input
fields for only 3 items are shown, if they change it to 4 items, then a
fourth column shows up in the table with the appropriate input fields.
I have a form with a select field. Depending on what is selected in this field, I want to display or not display another select field. For example first field asks the user if they drive, if the user selects "NO" the form doesn't change. If they select "YES", another field appears with different makes to chose from. If they change back to "NO" the second field dissapears again.
This is probably easy, but I flipped through the first 100 posts and couldn't find a similar question.
I would like to set up a form with multiple radio boxes in a table. The first row containing two selections, second containing 2..... Once the 1st row/column is selected, the 1st row/2nd column automatically displays the information from the first selection.
I am not necessarily looking for exact code on how to do this, just reference points to go to, and preferably suggestions on the best(meaning quickest) language to do this with.
I need to be able to change the fields of a form based on a drop-down list. Like if someone picks option A field 1 shows and if they change it to option B field 1 and 2 show up without reloading the page.
If you need me to explain more I will try to do a better job. If I could be pointed in the general direction that would be great, I dont exactly need to be spoon-fed, although I do like spoons if you catch my drift .
So I am trying to make a form that will eventually take the user to a specified link. It is a form that uses drop down menus. I based this off of someone elses code (with permission :)), but it shows everything <= user input. I cannot for the life of me figure out how to make it only show only one of the next options.here is the JS code:
<script language="JavaScript"> function ShowMenu(num, menu, max) {
I'm just starting up in web design and I have an interesting challenge that I'm hoping can be solved w/java script. I have a site with an application form. When the form is to be submitted, the form data needs to be emailed to the correct person to handle that particular application. However, that can't be determined by anything specific in the form. It can only be determined by the link that they clicked on to get to the form. I really don't want to have 22 identical forms with just a different EmailTo addie, which is what the previous site developer did. Someone please tell me this can be done w/java script? If not w/java script
I was wondering if it's possible to make it so that once a user selects a certain option in a list, it makes the next input for that form change to either a textfield or a list without losing the values entered in the inputs above.I know PHP is a server-side script, does that make this not possible?
There are two input fields in a form, but only one of them is required, they are not required at the same time. Either A or B is required. ( A is required OR B is required). In other words, a user can input data to field A, or he can input data to filed B, but he can not input data to Both A and B at the same time. How to implement this constraint in Jquery form validation?
I am trying to create a js script that will prompt the user for a times table (example the 5 times table, the 7 times table, etc.) & prompt the user for 2 more values; the 'start' number and 'end' number. So there would be 3 numbers total the user must input. The script should present a 'warning' message if the user inputs letters or negative numbers. I have come very close to getting it too work but can't quite get past the last hurdle. Upon entering the 3 numbers, the output should look similar to this: (the 5 times table starting with 1 and ending with 12)
I want a js that will have the user select from a drop down list a venue, then enter their username in one textbox, and password in another, so they're taken to /venue/username/password.html. Eg. If the soccer player frankie has password 1111, he'll be taken to /soccer/frankie/1111.html.My code at the moment is this:
<!-- Begin site = "http://www.mysite.com.au/photos"; // function combineMenus(frm, menu1, text1, text2) {
Right now I am using the javascript 'prompt' to enter a photoid and the script that I am using uses document.write to put the proper image on the page ....i.e. PHOTOID =".jpg"
What I want is a simple user input text area and when submit is clicked a placeholder image beneath is exchanged for the proper image based on the user's input. example: User enters re4555 and the image re4555.jpg replaces the image nosel.jpg that I have created which basically says 'no image selected'.
Dear expert (Ok, i am new to this and should maybe not address this as a letter )I hope someone can help me ... this is what i want to achieve (I am using frontpage)I want to create a table (this i can do!) that require a user input (number of guests).It then has SEVERAL options:- Select an option from a drop down list, and a price is then loaded from somewhere to create a total for that option and display it in the table (And keep that total for adding later)- Check a box, and if checked it creates a further calculation, displaying and storing the number for further calculation.a number of the above options, and a grand total on the bottom.I found more or less a page on a site that does what i am looking for, but after looking at the code, i have even LESS of an idea how it works Can someone PLEASE help me, or point me in the right direction?(I am not looking for someone to just write the code for me, as this will not teach me anything, and i want to learn)
I have a registration form that I am working on in which I need to assign a price to each option in a selection box then write that price in the document.Then I have a radio button that will add (different amounts based on selection) to that price before it is written. Then I have another radio button that just needs to write a price based on its selection. Both of these values will be written and then totaled. (See below for a less confusing explanation)
On HTML form: >drop down list (name courseName, value of selections 1,2,3,4) > radio button (name returnStudent, value of selections 1,2)
I have been looking for the past 2 days for a script that I can add and delete table rows.
I have found a lot but so far all of them add an input field but I desperatly need a textarea or ideally a section of input fields.
I have tried to change the code from input to text area but none of them worked.
Have you come across to a similar script.
I would appreciate any contributions.
What I am trying to do is a page where the user will add their employees details so we can order business cards for them. So I have fileds such as, Name, Tel Num, Email, Cell etc.
I'm creating a form that has 30 odd fields, and I want to display certain fields based on the value of a select box. So say I have the following groups:
Group A: field 1 field 2 field 3 field 4
Group B: field 2 field 3 field 6 field 7 field 8
Group C: field 2 field 7 field 8 field 9 field 10
What would the best (i.e fastest and easiest) way to show/hide the various fields? I was thinking about two different ways to approach this. One, having a multidimensional array with the allowed fields for each group. Two, having a custom attribute that defines which group(s) the corresponding form field belongs too. What do you think?
The user writes some text/figures to a number of text boxes (WMSURL , WMSSRS and so on). When the user pushes the "Compile request" button, it should concatenate all the values to one single strind (and it do). Now comes my problem; the concatenated string should appear in the larger textarea (id=textarea), using the onclick for the Compile request button.
Here's the code (partly):
<script type="text/javascript"> <!-- // Function that concatenates the values in the fields to a WMS GetMap query
I've hacked together a calculator, it features one row to begin with that accepts user inputs to specify height (from dropdown), width, depth, qty (text fields).It then performs a calculation (width+depth) * multiplier +12
The multiplier is defined by an IF based on the selected height.I want to add 10 or more rows which are identical, and then get a grand total for all the rows' totals added together.Where I am stuck is how to change the drawerPrice function to handle extra rows.I basically know nothing about js, this is a result of day 1.
Code JavaScript: <script type = "text/javascript"> //<![CDATA[[code].....
I need to get a piece of code that will allow me to have a user input a number, say 1-200 and that variable would make up the last part of an IP Address that the user wants to browse to.
I have this order form where the customers can change the quantity by intput in a text field.I would like to have the text field changed with select fields, but doing so in the form, the script is not doing anymore.Can anyone have a look and tell me what to change in the scritp to accept select fields in place of the text fields.
I'm trying to get Jquery's Autocomplete to redirect a user based on their input - according to Jquery, it works like this: An autocomplete plugin can be used to search for a term and redirect to a page associated with a resulting item. The following is one way to achieve the redirect:
It's beginning to get confusing as some code seems very complicated. I simply want four fields to be mandatory when filling out the form - so if one or more is not filled in, an alert appears saying 'Please fill out all required fields' (or something to that extent) before it will process. I understand that I need to include Javascript within the Head secion of the page and corresponding html and javascript within the contact form itself.Required Fields are: Name, Address, Area Code and Phone.<div id="main"><p>Please feel free to contact us with any query. see the <a href="services.html">Services</a> page.<br />All fields marked with an asterisk (*) are required.</p>
I need to create a form that has three questions, but the answers have to match my answers...what is the best way to do this (without DB). I was thinking create an array with the 3 answers then match the fields with the answers in my array.
I am new to JavaScript and was wonder how I would go about creating a form to allow the user to enter various words, one at a time. These words are added to an array and displayed in the page using the textarea form element. Each time a new word is entered, it is added to the array, and then the array is sorted in alphabetical order before the words in the array are displayed in the textarea, one per line. I have tried lots and lots of different methods to accomplish this, and I can get it half working when I use the alert function, but I need this to display on the page in a textarea rather than in an alert box, I tried to get it to write to the page using a document.write function, but like I said I am new to JavaScript and unfortunately cant get any of it working.
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]"> <html xmlns="[URL]"> <head> <title>JavaScript Page One</title> </head> <BODY> <CENTER> <FORM name="history"> <INPUT name="command" type="text" value=""> <INPUT type="button" value="Add to List" onclick="f_store(document.history.command.value)"> <INPUT name="history" type="button" value="Show List" onclick="f_print()"> </FORM> <P> <SCRIPT language="JavaScript"> function MakeArray( n ) { if( n <= 0 ) { this.length = 0; return this; } .....
