Javascript selectedIndex在HTML下拉菜单中返回undefined

Question

目前我正在尝试编写一个方法，将下拉菜单的值附加到html链接。但是我无法从菜单中检索选择的文本。我将问题缩小到Javascript中的selectedIndex方法。它返回undefined。我在下面提到了我的方法。

function getSize(productID){
    var sizeBox = document.getElementsByName(productID);
    alert(document.getElementsByName(productID).selectedIndex);
    var sizeSelected = sizeBox.options[sizeBox.selectedIndex].text;
    alert(sizeSelected);
    var link = document.getElementById(productID).getAttribute("href");
    link = link + "&size=" + sizeSelected;
    document.getElementById(productID).setAttribute("href",link);
    return true;
}

Answer 1

getElementsByName返回HTMLCollection。你应该说：getElementsByName[0]