Javascript selectedIndex在HTML下拉菜单上返回未定义

Question

目前，我正在尝试编写一种将下拉菜单的值附加到html链接的方法。 但是，我很难从菜单中检索选择的文本。 我将问题缩小为Javascript中的selectedIndex方法。 返回未定义。 我在下面包括了我的方法。

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]