updating a hidden field from a select box

skobo · Dec 11, 2002

I've got a select box that I need to pass both numeric value and the text label of the option the user selects. I set up a hidden field for the text label. With my very limited JavaScript knowledge I have been unable to figure out how to get an OnChange event to update the hidden field.

Any help would be appreciated.

Thanks,
Chris

elegidito · Dec 11, 2002

here i think this is what youre looking for:

Code:

<html>
<head>
<Script language='javascript'><!--
function changeHidden(text)
{
document.forms[0].hiddenField.value = text;
}
//--></script>
</head>
<body><form>
<select name='select1' onChange='changeHidden(this.options[this.selectedIndex].text)'>
<option>option1</option>
<option>option2</option>
<option>option3</option>
<option>option4</option>
</select>
<input type='text' name='hiddenField'>
</form>
</body>
</html>

hope it helps -- if you have any questions, just ask. "Those who dare to fail miserably can achieve greatly." - Robert F. Kennedy
So true..

mwolf00 · Dec 11, 2002

This will move your select option's value to the box. I don't think that you can get the description (never tried). This may need to be changed for NetScape (which I can do if you need)

<form name=myForm>
<input name=holder>
<select onchange="document.myForm.holder.value=this.value">
<option value=1>1
<option value=2>2
<option value=3>3
</select>
</form> -----------------------------------------------------------------
DIM bulb
SET bulb = NEW brain

mikewolf@tst-us.com

HollyMcB · Dec 27, 2002

I am trying to do something similar, using a pop up. I'm dynamically creating the list to be displayed in the pop up and want to return the code selected and the text description. Did you get it to work?

Holly

jemminger · Dec 27, 2002

here's one way to do it - note that the "hidden" field is not "type=hidden" for the purpose of demonstration:

[tt]
<html>
<head>
<title></title>

<script language="javascript">
function doChange(oEl) {
var h = document.forms[0].hidden;
if (oEl.selectedIndex == 0) h.value = "";
else h.value = oEl.options[oEl.selectedIndex].value + "-" + oEl.options[oEl.selectedIndex].text;
}
</script>

</head>

<body onLoad="">
<form>
<select name="" onchange="doChange(this);">
<option value="">Choose:</option>
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
<p/>
<input type="text" name="hidden" />
</form>
</body>
</html>

[/tt]
=========================================================
if (!succeed) try();
-jeff

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

updating a hidden field from a select box

skobo

Programmer

elegidito

Programmer

mwolf00

Programmer

HollyMcB

Programmer

jemminger

Programmer

Similar threads

Part and Inventory Search

Sponsor