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]