Get form value with javascript

**ee-o** · Sep 25, 2001, 03:16

Hi,

I have a form with two fields, Item_Price and Item_Name

Item_Price looks like this:

<select name="Item_Price">
<option value="19.95">24" x 36" - Photo Glossy Paper</option>
<option value="24.95">24" x 36" - Satin Finish Paper</option>
</select>

Item_Name needs some javascript to do this:

<input type=hidden name="Item_Name" value="get the value of Item_Price option (not option value)">

Thanks in advance

**ee-o** · Sep 25, 2001, 13:56

Does anyone know how to do this

**makeda** · Sep 26, 2001, 05:51

i have an idea for how to do this. i will try to post a solution in a couple of hours as I am currently at work.

**ee-o** · Sep 26, 2001, 09:14

Thanks Makeda,
Ill be waiting for you.

**makeda** · Sep 26, 2001, 09:47

Here is something that will work..at least with IE. The function is attatched to the onChange event for the dropdown menu. I didn't write any onload events or anything so this thing will start working once you change the dropdown menu for the first time. You can easilly modify it to your liking:

<html>
<head>
<script language="javascript">
function writeHiddenValue(refDropDown) {
sOtherVal = frmElForm.Item_Price[refDropDown.selectedIndex].otherVal;
frmElForm.Item_Name.value = sOtherVal;
}

function testFunction() {
alert(frmElForm.Item_Name.value)
}

</script>

</head>
<body>
<form name="frmElForm" method="" action="">
<select name="Item_Price" onChange="writeHiddenValue(this);">
<option value="19.95" otherVal="24 x 36 - Photo Glossy Paper">24" x 36" - Photo Glossy Paper</option>
<option value="24.95" otherVal="24 x 36 - Satin Finish Paper">24" x 36" - Satin Finish Paper</option>
</select>
<input type=hidden name="Item_Name" value="">
<p />
<div align="center"><input type="button" value="Click Here To View Hidden Value" onClick="testFunction();"></div>
</form>
</body>
</html>

**makeda** · Sep 26, 2001, 09:52

one other thing, i noticed that you had some quotes in your values. I don't know what you're doing but one possible work around is using ". It works in the alert boxes or you could write a little regEx to put them in:

<option value="19.95" otherVal="24" x 36 - Photo Glossy Paper">24" x 36" - Photo Glossy Paper</option>

<option value="24.95" otherVal="24" x 36 - Satin Finish Paper">24" x 36" - Satin Finish Paper</option>

update: this bulletin board is rendering my HTML encoded quotation marks. my work around is to put the HTML encoded version of " next to your numbers. follow?

**ee-o** · Sep 26, 2001, 21:36

Hi Makeda,
I sent you a private message,

Thanks

**makeda** · Sep 27, 2001, 09:09

i replied to your pm.

The SitePoint Forums have moved.

User Tag List

Thread: Get form value with javascript

Thread Tools

Display

Get form value with javascript

Bookmarks

Bookmarks

Posting Permissions