Drop Down Menu Selection Writes To Text Field
May 13, 2003I 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.
ADVERTISEMENT
Menu Selection Populates Text Field
May 1, 2009I have the following code I picked up which tries to fill in a text field with data depending on a user's menu item selection. I place this code in the header:
Code:
var colors = new Array();
colors["apple"] = "red";
colors["grape"] = "purple";
colors["milk"] = "white";
colors["cheese"] = "yellow";
colors["chicken"] = "white";
colors["beef"] = "red"; .....
var groups = new Array();
groups["apple"] = "fruit";
groups["grape"] = "fruit";
groups["milk"] = "diary";
groups["cheese"] = "diary";
groups["chicken"] = "meat";
groups["beef"] = "meat";
function printColorAndGroup(){
var value = document.getElementByName('food').options[document.getElementByName('food').selectedIndex].value;
document.getElementByName('food_group').value = groups[text];
document.getElementByName('food_color').value = colors[text];
}
I then use the following html in the body:
Code:
Food:
<select name="food" onchange="printColorAndGroup()">
<option>apple</option>
<option>grape</option>
<option>milk</option>
<option>cheese</option>
<option>chicken</option>
<option>beef</option>
</select>
Group:
<input type="text" name="food_group">
Color:
<input type="text" name="food_color">
But when I run this nothing happens...
Here's the page [URL]. None of the code above is colored... looks like I'm using the wrong tags here. Which tags should I use to post this stuff correctly?
Show/Hide Text And Form Field Based On Drop Down Selection
Jul 20, 2005I'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.
Disable Text Field Based On Dropdown Menu Selection
Feb 18, 2009I 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 RelatedAdd Values Of Drop Down Menu Options And Output A Total To A Text Field
Apr 29, 2009I have two drop down menus. I want two values to be added based on what they picked and then outputted to a text field to show a grand total in a dollar amount.
This is what I have:
Code:
Code:
Note I haven't did any type of code for the 2nd drop down menu just in case anybody says I don't see anything. I was working on trying to get started in the right direction.
Copy To Clipboard From Selection In Drop Down Menu?
Apr 13, 2011I enter information in a system based on the # of a report that comes in. So if I see a report that says "333" i want to enter specific information for "333" same with "444" and "555" and so on and so forth.So I want to have a drop down menu for 111, 222, 333, 444 etc.Basically what I need is, if I select the report # from the drop down menu, I want it to copy information from a HIDDEN textbox to the clipboard.
View 4 Replies View RelatedChange Background Picture Depending On A Drop Down Field Selection?
May 19, 2010I 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...
Updating Text Box When Drop Down Selection Is Made
Jan 20, 2011Basically I'm making an order form that updates the Total Text Box at the bottom of the page depending upon which selection is made from the drop down box in the form,
View 3 Replies View RelatedDrop Down Menu Change Field?
Nov 16, 2010I have a dropdown menu and two checkboxs and when the user selects something from the dropdown menu I need it to change the text in the textbox field to 80. Then if the user checks off the first checkbox it'll add 20 to the total and if they select the next checkbox it'll add 30. When they change the textbox value it should uncheck the checkboxs and bring the value back to 80.
View 2 Replies View RelatedConverting Drop Down Menu Into A Search Field?
Feb 11, 2009I have this code, I know it has ASP in it but the ASP isnt giving me the hard time, the javascript is (I think...). Right now users can use this drop down menu to get to a certain page, but instead i need to have them type in a number and then have it go to that page in a new window (as they are PDF files) and if not, display an error. Right now I have
<select name="catalogPage" >
<%for i = 1 to 396%>
<option value="<%=i%>.pdf"><%=i%></option>
<%next%>
</select>
And that works fine, but Ive tried countless different things and nothing seems to give me the desired result.
Selection-dependant Input Field - When A User Clicks "Other" From The Drop-down Box
Apr 9, 2010I 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.
Appear / Disappear Text Box Based On Selection Of Dropdown Menu
Apr 12, 2011I have a Javascript function that allows the display of a textbox upon selecting an option from a dropdown menu. In my case when a user selects listbox as the option, the text box appears. I want the same thing to happen when another option (checkbox) is selected. when I repeat the JAVAscript code, the first textbox(listbox's textbox) appears irrespective of which option(listbox, checkbox) I select. I want to be able to appear/disappear only the respective textbox. Here is my code.
<html>
<script type="text/javascript" >
function showfield(name){
if(name=='lstbox')document.getElementById('div1').style.display="block";
else document.getElementById('div1').style.display="none";
}
function hidefield() {
[Code]....
Dropdown Menu Showing Different Text Box Dependent On Selection
Mar 12, 2010I don't want to show a table with ALL the contact details on. I want to offer a dropdown menu or similar with the countries inside it, and then dependent on the country selected, the relevant contact information would be displayed in a text box alongside. How can I create this and - equally importantly - integrate it into a WordPress page?
View 3 Replies View RelatedAuto-Populate Text Field Based On DropDown List Selection
Dec 3, 2009I have set up my website quite some time ago that has served its purpose very well, however I will now be adding an order form functionality. So far, by reading books and traversing forums, I have been able to develop a page where the user
1.Enters data into the required fields, that is then submitted to a MYSQL database via PHP,
2.Can retrieve orders that are stored in the database,
3.Delete orders that are stored in the database.
I have wamp installed on my computer as the webserver. I have also incorporated two drop down lists that both retrieve their values from tables within the database. The first drop down list retrieves the Australian States that I have stored in a table, and once the submit button is pressed, it stores the State that is selected to a separate table. This drop down list functions as it should. An extract from "From Place an order.php"
<?php
$dbcnx = @mysql_connect('localhost', 'root', 'tingling');
if (!$dbcnx) {
exit('<p>Unable to connect to the ' .
'database server at this time.</p>');
} .....
The second drop down list retrieves product names from a table that contains products and their prices. What I would like to happen, is that when the product is selected from this drop down list, a text box is automatically filled with its corresponding price. I had this drop down list working as per the "States" drop down list, but could not get it to auto populate the text field. I got some assistance from a friend and was able to get the text box to auto populate with its corresponding price, however when the page was submitted to the database, the "id" number of the product name from the drop down list was stored, and not the product name.
<select name="productSelection" onchange = "getProductDetails(this)">
<option selected value="1product">Select Product</option>
<?php
$products1 = @mysql_query('SELECT * FROM products');
if (!$products1) {
exit('<p>Unable to obtain author list from the database.</p>'); .....
Text Field To Drop List
May 10, 2007I'm looking for have a text field when a user clicks in the text field a drop list of values appears for the user selects from and populates the text box they clicked. Is there anywhere I can find this or something similar?
View 1 Replies View RelatedDrop Down & Text Input For The Same Field
Oct 3, 2005My 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
Updating A Text Field And Drop Down At Same Time?
Jul 17, 2009I have a DB query that returns CustomerID, CustomerName, CustomerContact, CustomerSalesID. This Query populates a dropdown.
I need to have the Customer Contact applied to a text field and the customer Sales ID used to select the SalesRep from a different drop down when you select a customer.
Not too hard I'd think. I don't think I need to go as fancy as AJAX since I've already called the query when the page loads, that data is already there.
Populate Text Field From Drop Down List
May 1, 2009how to create a somewhat simple form. The form will have text fields for 'Name', 'Phone', etc. What I want is to have a drop down list, which has different insurances to choose from (i.e. Medical Insurance, Dental Insurance, Senior products), and say when I choose 'Senior Products', new text fields pop up within the form to add their 'Address' and click a checkbox that states they authorize to be contacted. These new fields aren't visible unless they choose 'Senior Products' from the drop down list.
View 6 Replies View RelatedDynamically Populate Text Field From Drop Down Box
Jun 20, 2011The below script is working fine on IE but notin Mozilla
<script type="text/javascript">
window.onload=function() {
if (document.getElementById) {
document.getElementById("country").onchange=function() { switchme(this); }
}
}
[Code]...
Changing Text Upon Selecting From A Drop-down Menu?
Feb 28, 2010On a page for product descriptions, I have a MySQL query that returns a list of purchase options and the price of each option.There is a drop-down field which lists the names of each option. To the right, the price of the selected option is displayed.Upon selecting a different option, how can I have the displayed price change to that of the newly selected option?
View 2 Replies View RelatedDynamic Drop Down List Based On Text Field Value
Nov 25, 2009I have a form that has a pretty complicated combo box - a user starts typing text, it queries a database for matches, and displays the results to the user. The user can then select the match they desire and it has a value id, which I am currently sending to a hidden field in the form. So, for example: user starts typing in a movie name, Seven - it returns Seven and user selects it. The form submits the id of the movie seven (say 12) to a hidden field.
Where I am stumped: Once a user selects a movie title, I have another drop down select box that is to display the available formats of the movie by querying my database based on the product id (12) and returning the available formats in the list:
DVD
BLUERAY
VHS
I am pretty good at programming, but I cannot figure this out - how to make the select box fire and return results once the value for the textbox has been captured.
Put Two Words Text In Single Line In Css For Drop Down Menu?
Jan 11, 2010how to put two words text in single line in css for drop down menu
View 1 Replies View RelatedPHP Drop Down List Selection Populates Second Dropdown List Or Text Box?
Jul 13, 2011I have been struggling on a bit of code for a while now. I need to populate a second drop down list (Region) based upon the selection of the first (County).I have found a piece of code that works on its own and have adapted to suit my needs - see below. However, when I drop it into my main page the javascript is not working. It's because of the formObject but I just don't know enough to resolve this! Furthermore, I need the textboxes the user has already completed in the form to retain their value once the javascript kicks in as the completed form will submit to a database.This piece of code is working well . . . .
<?php
$link = mysql_connect('myhost', 'myusername', 'mypassword') or die('Could not connect: ' . mysql_error());
mysql_select_db('mydatabase') or die('Could not select database');[code]......
Pass Variable From Drop Down Option Field To Text Fields
Jul 23, 2005Here is the working script if anyone is interested.
I was missing the else if.
<script language="JavaScript">
<!--
function Trip_Time(Traffic_Results) {
if (document.Traffic_Results.CIP_Diff.value == "point1") {
document.Traffic_Results.display_time.value = "2:20";
document.Traffic_Results.display_time2.value = "4:30";}
else if (document.Traffic_Results.CIP_Diff.value == "point2") {
document.Traffic_Results.display_time.value = "8:20";
document.Traffic_Results.display_time2.value = "11:30";}
else if (document.Traffic_Results.CIP_Diff.value == "point3") {
document.Traffic_Results.display_time.value = "1:20";
document.Traffic_Results.display_time2.value = "6:30";}
else {
document.Traffic_Results.display_time.value = "0:00";
document.Traffic_Results.display_time2.value = "0:00";
}
}
// -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="white">
<form name="Traffic_Results">
<select name="CIP_Diff" onChange="Trip_Time()">
<option value="" selected>Choose from this list</option>
<option value="point1">Point 1</option>
<option value="point2">Point 2</option>
<option value="point2">Point 3</option>
</select> <font size="-1">Starting Location</font>
<BR>
Time at Location <input type=text name="reported_time" size=5 value=""><br>
ETA 1 <input type=text name="display_time" size=5 value="0:00"><br>
ETA 2 <input type=text name="display_time2" size=5 value="0:00">
Submit Form - Drop Down Menu "required Field" ?
Aug 11, 2009I am trying to make the jurisdiction drop down menu a required field. Not very good with code but done all of it apart from jurisdiction bit.
================================================
<!--
function checkFields(Obj) {
if (Obj.jurisdiction.value.length == 0)[code].....
OnClick Adds Text Field To Page (Limit 3 - Each Text Field Displays Different Text)
Nov 22, 2010I have a text field (field1) already displayed on the HTML page. However, there's a link where you can add additional text fields to the page as well. When the link is clicked, the second text field is added successfully (field2), and when the link is clicked again, the third text field (field3) is added successfully. However, the third field does not add itself to the page, and the text for anything greater than a third field also isn't displayed after. This obviously means that my "fields" variable is not working right
<script language="javascript">
fields = 1;
function addMore() {
if (fields = 1) {
document.getElementById('addedMore').innerHTML = "<input type='text' name='field2' size='25' /> <span>Field 2.</span>";
[Code]....
