Javascript显示/隐藏元素 我有一个隐藏的文本区域（定义为隐藏的，使用引导） 我有一个下拉列表，有两个选项 如果我选择第一个选项，文本区域应该显示为 如果我选择第二个选项，textarea应该消失

这是我的代码，我不知道哪里出错了：

function OnSelectedIndexChange(){

    var getDropDown = document.getElementById("myDropDownID");
    var getDropDownSelectedItemValue = getDropDown.options[getDropDown.selectedIndex].text;

    if(getDropDownSelectedItemValue == 'Yes'){
        document.getElementById("myTextAreaID").style.display = 'block';
    }

    else{
        document.getElementById("myTextAreaID").style.display = 'none';
    }
}

更新：

---

添加了JSFIDLE链接：但我使用的是刀片模板，所以您无法看到任何输出

可能就是你这么做的原因

 var getDropDownSelectedItemValue = getDropDown.options[getDropDown.selectedIndex].text;

而不是

 var getDropDownSelectedItemValue = getDropDown.options[getDropDown.selectedIndex].value;

---

使用

onchange

功能

document.getElementById("myDropDownID").onchange = function {
  if(document.getElementById("myDropDownID").value == 'Yes'){
        document.getElementById("myTextAreaID").style.display = 'block';
    }

    else{
        document.getElementById("myTextAreaID").style.display = 'none';
    }
}

---

请发布您的html，并创建一个How/where-you calling

on selectedIndexChange

？它到底是如何“定义为使用引导隐藏的”？这是我的JSFIDLE：但我使用的是刀片模板，所以您无法看到任何输出。我也尝试过这个，我不知道，但我仍然不能这样做。你能不能修改输出而不是刀片模板，同时尝试从textarea中删除隐藏类，因为它可能使用可见性css