Ad:

HTML and CSS Discussion Thread
Unsolved
Views: 35235

May 9th, 2006

Passing a drop down list item's value

Expand Post »

Hello all,

I hope this isn't a silly question. I'm not much of a programmer {gulp} however I have a problem. I have a drop down list with 10 items, all different values. I'd like to be able to pass the value from a selected item in the list with a Click to order buton?

Here is the code I have thus far:
[html]
<form action="https://www.viaKLIX.com/process.asp" method="post">
<p align="center">
<input type="hidden" name="ssl_merchant_id" value="654321">
<input type="hidden" name="ssl_user_id" value="aquapad">
<input type="hidden" name="ssl_pin" value="123456">
<input type="hidden" name="ssl_amount" value="??????">
<input type="hidden" name="ssl_customer_code" value="1">
<input type="hidden" name="ssl_cvv2" value="Present">
<input type="hidden" name="ssl_cvv2cvc2" value="">
<input type="hidden" name="ssl_invoice_number" value="Aqua1-001">
<input type="hidden" name="ssl_description" value="Aqua Pad - 5 pad package">
<span class="style9">Quantity:</span>
<select name="quantity" id="quantity">
<option value="9.25" selected>1</option>
<option value="15.00">2</option>
<option value="20.75">3</option>
<option value="26.50">4</option>
<option value="32.25">5</option>
<option value="38.00">6</option>
<option value="43.75">7</option>
<option value="49.50">8</option>
<option value="55.25">9</option>
<option value="61.00">10</option>
</select>
</p>
<p align="center"><input type="submit" value="Click To Order">
<br>
<br>
<a href="http://www.mastercard.com/" target="_blank"><img src="../images/mc_vs_accpt_h_023_gif.gif" width="75" height="23" border="0"></a></p>
</form>
[/html]
What do I need to do to get the value selected in the drop down list posted in the ?????? value area? I hope this isn't a huge deal. With my luck it probably is.

Thanks a ton!!
Chris

PS - Everyone can see the page as it looks by visiting: www.nationalbias.com/test/aqua_pad3.html

Last edited by tgreer; May 9th, 2006 at 11:35 pm. Reason: Yet another poster ignorning the instructions to use CODE tags.

Similar Threads

Create a cross-browser compatible, single-level, drop-down menu in Site Layout and Usability
Removing an item from head of linked list in C
Please Help, Junk on machine in Windows NT / 2000 / XP

canilucas

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since May 2006

Permalink

May 9th, 2006

Re: Passing a drop down list item's value

There is no reason to do that, as the selected value will be posted with the form. You don't have to place it in a hidden variable.

However, in JavaScript it might look like this:

HTML and CSS Syntax (Toggle Plain Text)

s = document.getElementById("quanity");
document.getElementById("ssl_amount").value = 
s.options[s.options.selectedIndex].value;

Untested, but should get you on the right track.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

Permalink

May 9th, 2006

Re: Passing a drop down list item's value

So, and forgive my ignorance here, where would I place this code in the code that I've shown? Or would it be placed somewhere else within my code? Sorry for my lack of knowledge. I know how to make a page look good, it's the functions like this that I really have not a clue.

Thank you,
Chris

canilucas

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since May 2006

Permalink

May 10th, 2006

Re: Passing a drop down list item's value

Just to repeat, you do not have to do this. The selected value will already be posted, as the value of your "quantity" object.

But, if you want to move the value of one element, to another, you have to use JavaScript.

So the question is, where do I put this script, and the next question is, when does it run?

The answer to the first part is, create a JavaScript function, and place it in the head of your page:

[html]
<html>
<head>
<script type="text/javascript">
function movevalue()
{
s = document.getElementById("quantity");
document.getElementById("ssl_amount").value =
s.options[s.options.selectedIndex].value;
}
</script>
</head>
<body>
</body>
</html>
[/html]
Ok, so that places the script on the page, ready to run. When will it run? In response to an EVENT. The question you have to ask is, what event should cause this to run?

I would suggest perhaps when the user changes the value of the selected option. That event, "change", is handled by adding onchange="movevalue();" to your select tag.

Last edited by tgreer; May 10th, 2006 at 12:56 pm.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

Permalink

Jun 27th, 2006

Re: Passing a drop down list item's value

I think what tgreer's getting at is that you have to have some backend code to actually do anything with the value. The value of the control gets submitted on the page postback. What happens with the variable all has to do with backend stuff. In tgreer's example, he was using client-side JavaScript.

What platform are you working on? Are you using Perl? Python? ASP? Once you've got the value, you have to do something with it, and how you reference that value depends on what you want.

alc6379

Team Colleague

Reputation Points: 186

Solved Threads: 147

Cookie... That's it

Offline

2,519 posts
since Dec 2003

Permalink

Jun 27th, 2006

Re: Passing a drop down list item's value

Well, yes, eventually, the form will be filled out and all the form's values posted back to the server, where some server-side code will process it. I assumed that much.

It seems, though, that the user was asking how to move the value around within the form, prior to posting the form back to the server.

I don't know why, but my code shows how to do that. This one gets a big "shrug" from me... I think we've answered the threadstarter's question, and haven't heard any feedback, so...

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

Permalink

Jun 27th, 2006

Re: Passing a drop down list item's value

Sorry to all who have answered or responded to this thread. I've attained what I've set out to do using all your suggestions. I've learned a lot thansk to all of your responses.

THANK YOU! Sorry It's taken me a bit to update you on my progress with my issue.
Chris

canilucas

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since May 2006

Permalink

May 22nd, 2010

Re: Passing a drop down list item's value

you can just show your balls to ask questions without hesitant. the result depends on the availability of volunteers to help you before you worry about the "others".

pvt_geeker

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since Sep 2009

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: How can I align bullets and list items

Next Thread in HTML and CSS Forum Timeline: overlapping divs in mozilla

DaniWeb Message

Cancel Changes

User Name
Password