Javascript显示/隐藏元素

塞姆坎
  1. 我有一个隐藏的文本区域(定义为使用引导程序隐藏
  2. 我有一个下拉菜单,其中有2个选项。
  3. 如果我选择第一个选项,则应显示textarea
  4. 如果选择第二个选项,则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';
    }
}

更新:

添加了jsfiddle链接:jsfiddle.net/wy562fk8/1,但是我正在使用刀片模板,因此您将无法看到任何输出。

比伯

使用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';
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章