Passing a collection to javascript

Problem:

I have a drop down of items and on the click of a particular item i want the amount of the item displayed on a text box.
I have retireved a list of items (Each Item has a id, name and amount). I have also displayed the items in a drop down. My problem is populating a text field with the amount of the item that has been selected.

td><html:select property="selectedFee" >
<html

ption value="0" >Select One</html

ption>
<html

ptions collection="itemList" property="itemId"labelProperty="itemName"></html

ptions>
</html:select>
<td>
<mifos:mifosalphanumtext property="itemAmount"/>
</td>
</tr>
</c:forEach>
I want itemAmount displayed with the amount only when some item from the drop down is selected. CAn i pass the itemList(collection containing Item objects) to a javascript funtion adn iterate through it.
Plz plz help!!

What you can do is create a Javascript array of the values dynamically via a scriptlet, or custom tag from your collection.

Then create a Javascript function that is called select onChange event, add set the value in the itemAmount box.