显示无清除textarea值
显示无清除textarea值
提问于 2012-02-29 05:54:07
一旦我用display : none隐藏了<textarea>的内容，并通过删除display再次显示它，它的内容似乎就被清除了。当文本区域再次显示时，有没有办法保留原始值？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-02-29 06:08:50
也许可以尝试使用jQuery或其他javascript框架。在jQuery的情况下，显示和隐藏功能会为您变魔术。
<textarea cols="5" rows="5" id="test">Test</textarea>
<input type="button" value="switch on" onclick="$('#test').show();">
<input type="button" value="switch off" onclick="$('#test').hide();">嗯，如果你只是移除显示器，可能会有一些故障。如果您想让它再次可见，您必须将其设置为inline (如果是inline元素)或block (如果是block元素)。css-Property显示可以设置为none|inline|block。因此，如果您将显示设置为none，则应将其重新设置为inline，而不是在以后删除该属性。
这是一个不带jQuery的解决方案：
<textarea id="test">TEST</textarea>
<input type="button" value="switch on" onclick="showTest();"/>
<input type="button" value="switch off" onclick="hideTest();"/>
<script type="text/javascript">
function hideTest() {
var field = document.getElementById('test');
field.style.display = 'none';
}
function showTest() {
var field = document.getElementById('test');
field.style.display = 'inline';
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9490335
复制相关文章
相似问题
腾讯云开发者
