Javascript 显示和隐藏函数doen'；我不能在JSF中工作

我试图使用JQuery在JSF中隐藏和显示我的文本区域。但它不起作用。条件很好，但功能不起作用。 发生了什么？我不是最新的JS，但我开始探索JSF，这里以非常奇怪的方式使用JS。 在这里你可以看到我的代码如下。 塔克斯

添加新字段
添加表单组件
标签：



类型：




必修的：
处于活动状态：
功能手柄更改（选择）{
var组合框='组合框'；
如果（选择==组合框）{
console.log（'visible'）；
$（'#itemrea'）.show（）；
}否则{
console.log（'hidden'）；
$（'#itemrea'）.hide（）；
}
}

默认情况下，JSF表单在其子id中添加一个前缀，如下所示：“表单id:child id”，因此jquery无法使用选择器“#child id”找到元素

在表单中使用prependId=“false”：

<h:form style="margin: 0 auto" prependId="false"> 

<h:form style="margin: 0 auto" id="formId"> 

---

伟大的id前缀听起来很疯狂，但是当您重用组件和片段时，您会发现它很有用，因为它有助于避免id崩溃

<h:form style="margin: 0 auto" id="formId"> 

$('#formId\\:itemArea')