styles - 转义脚本以隐藏/显示 textarea
问题描述
我需要单击按钮以显示文本区域,以便用户可以在上传图像或文本消息之间进行选择。当我运行页面时,我可以看到隐藏/可见元素启动,但它不会保持在新状态。它会立即恢复到最初设置的状态。
我猜我没有正确地转义脚本。有什么想法吗?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Site Media</title>
</head>
<header id="headtitle">
</header>
<body>
<div id="PostContainer"><br>
<textarea id="textmessage" rows="7" cols="40" maxlength="280" placeholder="Enter message here..." width="100%" style="visibility: hidden"></textarea><br>
<form class="UploadButtonContainer">
<button id="textbutton" type="submit" name="submit" onclick="revealinput()" style="display: none;"></button>
<label for="textbutton" style="cursor: pointer;" ><img src="Images/AYE PING.png" width="30%" alt="Choose Text Post" >
</label>
</form>
<script>
function revealinput() {
var x = document.getElementById("textmessage");
if (x.style.visibility === "hidden") {
x.style.visibility = "visible";
} else {
x.style.visibility = "hidden";
}
}
</script>
</div>
</body>
</html>
解决方案
该脚本不喜欢按钮位于标签内。我将其更改为标签,现在可以使用。
推荐阅读
- microsoft-graph-api - 通过 REST API 读取 MS Teams 中的聊天线程
- php - 将 WooCommerce 功能的特定结果打印为简码
- python-3.x - 无法使用 .json 密钥文件创建 Pub/Sub Publisher Client
- python - 在文件中写入嵌入列表
- r - 使用 R Markdown 和内置 Microsoft 主题生成 PowerPoint 幻灯片
- postgresql - chown: /var/lib/postgresql/data/postgresql.conf: 只读文件系统
- jquery - jquery convert text to image
- javascript - 回调函数似乎在父函数完成之前触发
- html - 将相同的属性绑定到两个复选框
- c# - 返回视图内的局部视图