如何根据条件选择文本区域的数量
How to select the number of text area based on condition
根据所选选项的类型,我希望显示1或3个文本区域,即。,如果选择了选项"mc",我希望显示3个文本区域。我正试图用Javascript来实现这一点,但对于每个选择的选项,都会显示3个文本区域。我认为JS函数不起作用。你能告诉我错误在哪里吗。
谢谢。
代码:
<head>
<link href="./css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h:form>
<script type="text/javascript">
function selectans(qtype) {
if (qtype == "mc")
{
alert("In MC type");
document.getElementById("formId:editor3").style.display = "block";
document.getElementById("formId:editor4").style.display = "block";
//document.form.editor3.disabled = false;
//document.form.editor4.disabled = false;
}
else {
document.getElementById("formId:editor3").style.display = "none";
document.getElementById("formId:editor4").style.display = "none";
//document.form.editor3.disabled = true;
//document.form.editor4.disabled = true;
}
}
</script>
Question Type:
<h:selectOneMenu id="qtype" value ="#{quizBean.qtype}" onchange="selectans(qtype) ">
<f:selectItem id="desc" itemLabel="Descriptive Type" itemValue="desc" />
<f:selectItem id="fill" itemLabel="Fill up the Blanks" itemValue="fill" />
<f:selectItem id="mc" itemLabel="Multiple Choice" itemValue="mc" />
<f:selectItem id="tf" itemLabel="True/False" itemValue="tf" />
</h:selectOneMenu>
Question: <h:inputTextarea id="editor1" value="#{quizBean.question}" rows="20" cols="75" /> <br></br>
Answer:
<h:inputText id ="editor2" value="#{quizBean.answerChoice2}" />
<h:inputText id ="editor3" value="#{quizBean.answerChoice2}" />
<h:inputText id ="editor4" value="#{quizBean.answerChoice3}" />
<h:commandButton value="Submit" action="#{quizBean.addQuestion}" />
</h:form>
</body>
CSS:
root {
display: block;
}
.hide {
display: none;
}
您的事件函数应该是这样的onchange="selectans('qtype') "
。这样,只有一个字符串作为参数
相关文章:
- onkeyup无法动态创建多个文本区域
- 具有所有样式的文本正在复制到可编辑文本区域
- 在文本区域POST后解码JSON
- HTML文本区域文本到XML
- 阻止在文本区域/文本框中输入数字
- 使用 javascript 单击图片后更改<文本区域>文本
- 使用 javascript 检测文本区域/文本输入中的 HTML 标记,但它应该支持常见的>和<
- 在按 Tab 键时选择文本区域文本
- 切换文本区域文本,但保留对文本的更改
- 清除文本区域/文本框内容的按钮
- 加载页面时,聚焦并全选文本区域文本
- 如何使可编辑文本区域文本不可选择
- 我的文本区域文本是't用javascript将我想要的样式设置为CSS
- 使用jQuery将文本区域文本安全地存储在隐藏字段中,然后稍后在PHP中使用该文本
- 删除文本区域文本提交在新的选项卡
- 如何在添加新文本时保持文本区域文本静态
- 使用 jQuery 将文本区域文本设置为格式正确的 HTML 代码
- 为什么文本添加到区域文本是通过页面刷新,而不是直接刷新
- 使用 jquery 修改文本区域文本
- 如何使用Javascript在文本区域(文本框)中单击(光标闪烁)而不使用鼠标单击