I have several DROP down menus for selecting t-shirts by size on one page.  The first drop down menu works great, but the subsequent drop down menus RETURN a blank INSTEAD of passing through the option values.  I have read other posts that suggest to give each drop down menu a different form name, but the subsequent drop down menus still don't WORK.  Here is my code for the first one that works and the second which doesn't.  Help would be greatly appreciated.

HEAD SECTION:
function movevalue()
{
  s=document.getElementById("select_size");
      document.getElementById("itemname").value=s.options[s.options.selectedIndex].value;
      }

function movevalue2()
{
  s=document.getElementById("select_size2");
      document.getElementById("itemname").value=s.options[s.options.selectedIndex].value;
      }
---------------------------------------------------------------------------------------------
BODY SECTION:
1st drop down menu – works fine.





https://secure4.mysecureorder.net/xyz/cgi-bin/eshop.cgi?command=buy1">
Qty.

 
       Select Size
       Small
       MEDIUM
       Large
       XL
  {This line works and option values pass through correctly}


2nd drop down menu with different form name doesn’t work – returns a blank in the “itemname” field.





https://secure4.mysecureorder.net/xyz/cgi-bin/eshop.cgi?command=buy1">
Qty.

       
       Select Size
       Medium
       Large
       XL
  { this line returns a blank instead of info.}