472,793 Members | 2,165 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,793 software developers and data experts.

Pass variable selected from drop down option field to text fields

Dan
Can anyone offer suggestions on how to do this or if it is possible?

I have a form that uses a drop down box and 2 text fields.

What I am trying to do is have the value of each text box set by the
choice from the drop down box.

Something like:

<form name="populatefrm" id="contactfrm" method="post"
action="results.asp">

<select name="region" size="10">
<option value="Choice 1" JavaScript "SET Text Box 1 to 12:00; SET Text
Box 2 to 5:00">Choice 1</option>
<option value="Choice 2" JavaScript "SET Text Box 2 to 5:00; SET Text
Box 1 to 11:00">Choice 2</option>
</select>
<P>
<input type="text" name="text_box_1" value="value from drop down box
script" size="5"><BR>
<input type="text" name="text_box_2" value="value from drop down box
script" size="5"><BR>

<input type="submit" value="Submit">
</form>
This is related to the time question I asked below. I've searched the
web and can't find exactly what I am looking for.

Thanks, Dan
Jul 23 '05 #1
4 6205
Dan wrote:
What I am trying to do is have the value of each text box set by the
choice from the drop down box.

Something like:

<form name="populatefrm" id="contactfrm" method="post"
action="results.asp">

<form ...>
<select name="region" onchange
="this.form['text_box_'+(this.selectedIndex+1)].value
=this[this.selectedIndex].value">
<option value="5.00" >Choice 1</option>
<option value="11.00">Choice 2</option>
<input type="text" name="text_box_1"size="5"><BR>
<input type="text" name="text_box_2" size="5">
</select>
</form>

Mick
Jul 23 '05 #2
Dan
Thank you for posting the script, I think my
question wasn't clear. I tried modifing the posted script but I'm
missing something.

What I would like to do is have the drop down
selection keeps it defined variable that is passed on
to database. Depending on which value from the drop
down box is selected, it will populate 2 different
text boxes with 2 different values.

Thanks for any help!

Here is the script:

<SCRIPT LANGUAGE="JavaScript">

var firstArray = new Array("('Select region','',true,true)",

//
Each field below will have 2 different time values
that will be added to the 2 text boxes.
//

"('this value selected and sent to script on submit'
value_1_for_text_box_1=5:00;
value_2_for_text_box_2=12:00;)",
"('Highway 1' value_1_for_text_box_1=11:00;
value_2_for_text_box_2=1:00;)",
"('Highway 2' value_1_for_text_box_1=7:00;
value_2_for_text_box_2=4:00;)",
"('highway 3' value_1_for_text_box_1=8:00;
value_2_for_text_box_2=22:00;)",
"('etc. for about 6 more locations')");
var secondArray = new Array("('Select region','',true,true)",
"('highway 4' value_1_for_text_box_1=3:00;
value_2_for_text_box_2=6:00;)",
"('highway 5'value_1_for_text_box_1=5:00;
value_2_for_text_box_2=17:00;)",
"('etc. for about 6 more locations')");
function populateLocation(inForm,selected) {
var selectedArray = eval(selected + "Array");

for (var i=0; i < selectedArray.length; i++) {
eval("inForm.location.options[i]=" + "new Option" +
selectedArray[i]);
}
}
</script>

<script type="text/javascript">
function addTimes(a,b,c) {
if (a.value != '') {
/* Validate input here to check time entered is
of correct hh:mm format and within required
range
Handle error if is isn't
*/
}
var t0 = a.value.split(':');
var t1 = b.value.split(':');
var t2 = c.value.split(':');

var m1 = +t0[1] + +t1[1];
var h1 = +t0[0] + +t1[0] + Math.floor(m1/60);
m1 = (m1 % 60);
b.value = h1 + ':' + m1;

var m2 = +t0[1] + +t2[1];
var h2 = +t0[0] + +t2[0] + Math.floor(m2/60);
m2 = (m2 % 60);
c.value = h2 + ':' + m2;
}
</script>
</head>

<body>

<form method="POST" action="results.asp" name="loc">

//Below is the value that needs to be passed on to the
ASP form. The value selected below will load a 2nd
drop down list that will contain the two variables for
the text boxes.
//

<select name="region"
onChange="populateLocation(document.loc,document.l oc.region.options[document.loc.region.selectedIndex].value)">
<option selected value=''>Select Region</option>
<option value='Region1'>Region1</option>
<option value='Region2'>Region2</option>
</select>

//The drop down list below is populated by the 1st
drop down list script and contains 1 variable that is
passed to the Data Base and contains the two variables
that need to be added to the 2 text boxes.
//

<select name="location">
<option value=''>Choose Region 1st</option>
</select>
<input type="text" name="location_1"
size="20"></font>
<label for="inTime">
<input type="text" name="inTime"
onblur="addTimes(this,this.form.time1,
this.form.time2)"></label>

//The time value is inserted below from your script
using values from the second set of drop down boxes.
//

<input type="text" name="time1"
value="this is the part I am trying to script1"></label>

//The 2nd time value is inserted below from your
script using values from the second set of drop down
boxes.
//

<label for="inTime"><input type="text"
name="time2" value="this is the part I am trying to script2"></label>

<input type="submit" value="Submit" name="B1">
<input type="reset" value="Reset" name="B2">
</form>
Mick White <mw***********@rochester.rr.com> wrote in message news:<Ge*****************@twister.nyroc.rr.com>...
Dan wrote:
What I am trying to do is have the value of each text box set by the
choice from the drop down box.

Something like:

<form name="populatefrm" id="contactfrm" method="post"
action="results.asp">

<form ...>
<select name="region" onchange
="this.form['text_box_'+(this.selectedIndex+1)].value
=this[this.selectedIndex].value">
<option value="5.00" >Choice 1</option>
<option value="11.00">Choice 2</option>
<input type="text" name="text_box_1"size="5"><BR>
<input type="text" name="text_box_2" size="5">
</select>
</form>

Mick

Jul 23 '05 #3
Dan
I'm making some progress.

I can't seem to get this to take more than 1 variable. High_Way2 will
not pass on its time value.

Anyone see any glaring errors?

Thanks again for all the help.

<script language="JavaScript">
<!--

function Trip_Time(Traffic_Results) {
if (document.Traffic_Results.CIP_Diff.value == "High_Way1") {
document.Traffic_Results.display_time.value = "2:20";

if (document.Traffic_Results.CIP_Diff.value == "High_Way1") {
document.Traffic_Results.display_time2.value = "4:30";

if (document.Traffic_Results.CIP_Diff.value == "High_Way2") {
document.Traffic_Results.display_time.value = "2:20";

if (document.Traffic_Results.CIP_Diff.value == "High_Way2") {
document.Traffic_Results.display_time2.value = "4: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="choose" selected>Choose</option>
<option value="High_Way1">High Way 1</option>
<option value="High_Way2">High Way 2</option>

</select>&nbsp;&nbsp;&nbsp; <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">

</form>
Jul 23 '05 #4
do****@rocketmail.com (Dan) wrote in message news:<29**************************@posting.google. com>...
I'm making some progress.

I can't seem to get this to take more than 1 variable. High_Way2 will
not pass on its time value.

Anyone see any glaring errors?

Thanks again for all the help.

<script language="JavaScript">
<!--

function Trip_Time(Traffic_Results) {
if (document.Traffic_Results.CIP_Diff.value == "High_Way1") {
document.Traffic_Results.display_time.value = "2:20";

if (document.Traffic_Results.CIP_Diff.value == "High_Way1") {
document.Traffic_Results.display_time2.value = "4:30";

if (document.Traffic_Results.CIP_Diff.value == "High_Way2") {
document.Traffic_Results.display_time.value = "2:20";

if (document.Traffic_Results.CIP_Diff.value == "High_Way2") {
document.Traffic_Results.display_time2.value = "4: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="choose" selected>Choose</option>
<option value="High_Way1">High Way 1</option>
<option value="High_Way2">High Way 2</option>

</select>&nbsp;&nbsp;&nbsp; <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">

</form>


You've posted so much conflicting code, hard to even guess at what
you're doing. In these instances, it's usually best to post some
(valid) HTML, with a simple description of what needs to happen.

Store the data in an object/array (same thing, really) and use the
selected option value as a 'key' to extract & process it.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>untitled</title>
<script type="text/javascript">
//<![CDATA[

var data = new Object;
data['High_Way1'] = '2:20|4:30';
data['High_Way2'] = '3:40|5:15';
data['default'] = '0:00|0:00';

function trip_time(selObj)
{
var sval = selObj.options[selObj.selectedIndex].value, //get selected
value
els = selObj.form.elements, //form elements
separator = '|', //separates data (above)
d = data[sval || 'default'].split(separator); //so, split it into an
array
els.display_time.value = d[0]; //output 1st element
els.display_time2.value = d[1]; //output 2nd element
}

//]]>
</script>
</head>
<body>
<form name="Traffic_Results">
<select name="CIP_Diff" onchange="return trip_time(this)">
<option value="" selected="selected">Choose</option>
<option value=""></option>
<option value="High_Way1">High Way 1</option>
<option value="High_Way2">High Way 2</option>
</select>
&nbsp;&nbsp;&nbsp; <font size="-1">Starting Location</font>
<br />
Time at Location <input type="text" name="reported_time" value=""
size="5" />
<br />
ETA 1 <input type="text" name="display_time" value="0:00" size="5"><br
/>
ETA 2 <input type="text" name="display_time2" value="0:00" size="5" />
</form>
</body>
</html>
Jul 23 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
by: Lisa | last post by:
I have a drop down that defaults to "select" after the page refreshes. How do I keep the selected value in the dropdown field... I've tried EVERYTHING and nothing works! :( <script...
11
by: Dan | last post by:
Hello all, I am getting records from a db and displaying the records to the user through a drop down menu in an asp page. Each record has 6 fields and I need to display them all to the user in...
2
by: Dan | last post by:
Here is the working script if anyone is interested. I was missing the else if. <script language="JavaScript"> <!-- function Trip_Time(Traffic_Results) { if...
19
by: nazgulero | last post by:
Hello all, I wonder if anybody can give me a hint about what I have to do to get this working: I am creating a drop down box using the script below. The result is two text fields; now I want...
3
by: John Walker | last post by:
Hi, On an ASP.NET page I have a drop down list control. When the user pulls down the list and makes a selection, I perform validation, and if the validation fails I want the selected item in...
2
by: clickon | last post by:
I am using ASP.net 2.0 and trying to take advantage of the updated data editing facilities provided through the SQLDataSource control and the DetailsView control. The data is a record from a...
0
by: Jeremy Wallace | last post by:
Folks, Here's a write-up I did for our developer wiki. I don't know if the whole rest of the world has already figured out how to do this, but I hadn't ever seen it implemented, and had spent a...
4
by: coldfusionstudent | last post by:
i wish to show/appear and dissappear text box based on a the drop down item selected. what do i have to add? thanks under Comm_DEV drop down selection.
1
by: sparksol | last post by:
I have a form with a drop down box. If you select an option in the drop down box (depending which option is selected) one or two textbox(es) and a submit button display. I would like to keep the...
0
linyimin
by: linyimin | last post by:
Spring Startup Analyzer generates an interactive Spring application startup report that lets you understand what contributes to the application startup time and helps to optimize it. Support for...
0
by: erikbower65 | last post by:
Here's a concise step-by-step guide for manually installing IntelliJ IDEA: 1. Download: Visit the official JetBrains website and download the IntelliJ IDEA Community or Ultimate edition based on...
0
by: kcodez | last post by:
As a H5 game development enthusiast, I recently wrote a very interesting little game - Toy Claw ((http://claw.kjeek.com/))。Here I will summarize and share the development experience here, and hope it...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Sept 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
0
by: Taofi | last post by:
I try to insert a new record but the error message says the number of query names and destination fields are not the same This are my field names ID, Budgeted, Actual, Status and Differences ...
14
DJRhino1175
by: DJRhino1175 | last post by:
When I run this code I get an error, its Run-time error# 424 Object required...This is my first attempt at doing something like this. I test the entire code and it worked until I added this - If...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
0
by: lllomh | last post by:
How does React native implement an English player?
0
by: Mushico | last post by:
How to calculate date of retirement from date of birth

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.