当我单击一个按钮时出现Textarea
当我单击一个按钮时出现Textarea
提问于 2016-03-08 17:52:48
我试图让一个文本区在我点击一个按钮时出现，因为我不需要它在我的html页面中单独显示。我使用的是这样的东西：
<textarea cols = "50" rows = "20" name="text" id="text_id" class="form-control" style="resize:vertical" ></textarea>但这并不能解决我的问题。
你知道我该怎么做吗？
我实际上有两个文本区，显示现有文件的内容，当我点击一个按钮在一个文本区显示内容，然后点击第二个按钮显示第二个文本区的内容，第一个文本区变成空的，而我需要保持两个文本区的内容同时显示！我怎样才能做到这一点呢？
回答 4
Stack Overflow用户
发布于 2016-03-08 17:59:14
如果你已经在使用jQuery，你可能会这样做：
<textarea cols="50" rows="20" name="text" id="text_id" class="form-control" style="resize:vertical;display:none"></textarea>
<button class="show_button">Show/hide textarea</button>
<script>$(".show_button").click(function(){$("#text_id").toggle()})</script>这将切换文本区以显示
我只是假设你在使用jQuery，因为form-control是和Bootstrap一起使用的--这需要jQuery。
Stack Overflow用户
发布于 2016-03-08 18:02:38
你可以使用简单的javascript，甚至jquery。但是对于简单的javascript，你可以这样做:在head部分内的script标签上写道：
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "<textarea cols = '50' rows = '20' name='text' id='text_id' class='form-control' style='resize:vertical' ></textarea>";
}
</script>在正文部分：
<p id="demo">A Paragraph.</p>
<button type="button" onclick="myFunction()">Click here</button>Stack Overflow用户
发布于 2018-10-17 16:18:59
<textarea cols = '50' rows = '20' name='text' id='text_id' class='form-control' style='resize:vertical; visibility:hidden'> </textarea>
<button onClick='document.getElementById("text_id").style.visibility = "visible" '> Click me !</button> 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35864108
复制相关文章
相似问题
腾讯云开发者
