Passing Values (text box --> drop down)

**ginieg** · Oct 10, 2002 20:20

Hi guys!

I am not Javascript savvy at all and I would like some help from you...
How can I pass the value of a tex box in a drop down menu by clicking a button?

Thanks!

**beetle** · Oct 10, 2002 20:46

Ok, your quarterback is the select box. But who's your receiver?

</smartaleck>

Seriously, what do you want to pass this to? A text box? A javascript variable? Another page?

**ginieg** · Oct 10, 2002 21:04

Well, the receiver is ... a drop down menu.

I guess it would be easier to understand if you can actually see what I want to do.
Go to www.travelflip.com/test.htm

Basically, I want my users to build a list of dates (in the drop down menu).

Can you help me out?

Thanks!

**beetle** · Oct 10, 2002 23:05

Check out this sample page, and see if you can apply it to yours...

Code:

<html>
<head>
<title>untitled</title>
<script type="text/javascript" language="javascript">
function addOption(f, sID, val, label) {
	var o = document.createElement("OPTION");
	var t = document.createTextNode(label);
	o.appendChild(t);
	o.value = val;
	f.elements[sID].appendChild(o);
	}
</script>
</head>
<body>
<form>
<input type="text" name="date">
<input type="button" value=">>>" onClick="addOption(this.form,'vac_black',this.form.date.value, this.form.date.value)">
<select size="2" name="vac_black"></select>
</form>
</body>
</html>

**ginieg** · Oct 10, 2002 23:15

Thanks a lot!
It worked!

**ginieg** · Oct 11, 2002 07:37

Hello, me again!

How could I add a "Remove Button" which would a selected option in the drop down menu?

**beetle** · Oct 11, 2002 08:04

Let's see if you can figure this one out

The method I recommend for removing nodes is

object.removeChild(childNode);

example:
var s = document.forms[0].elements['vac_black'];
s.removeChild(s.options[2]);

Hint: In a SELECT, the child's index in it's parent's options collection is identical to it's selectedIndex

**ginieg** · Oct 12, 2002 14:35

Well...
Right now, Javascript is like Ancient Chinese to me.
Thank you for showing me the code!

**beetle** · Oct 13, 2002 01:37

function removeOption(e) {
e.removeChild(e.options[e.selectedIndex]);
}

<input type="button" value="<<<" onClick="removeOption(this.form.vac_black);">

User Tag List

Thread: Passing Values (text box --> drop down)

Thread Tools

Display

Hybrid View

Passing Values (text box --> drop down)

Remove Button

Bookmarks

Bookmarks

Posting Permissions