html隐藏与显示选项,javascript – 显示和隐藏所选选项更改的html元素

在JSP页面中,我有一个下拉列表.当选择列表的第一个元素时,我希望在单击时显示文本区域.我是

Javascript / Jquery的新手,所以我显然在函数中缺少一些东西(文本区域永远不会出现).希望有人能提供帮助.

这是HTML：

Show text area

YES

NO

Text area

这是JSP上的函数：

var selectBox = document.getElementById("show");

var selected = selectBox.options[selectBox.selectedIndex].value;

var textarea = document.getElementById("text_area");

if(selected === '1'){

textarea.show();

}

else{

textarea.hide();

}

});