3

当我单击按钮时，会出现一个文本区域，允许用户键入消息。在他们键入消息后，我希望 textarea 隐藏。

任何人都可以帮助我在输入消息后如何隐藏文本区域？

这是我的 Javascipt 代码：

        <script>
        function showDiv1() {
        document.getElementById('welcomeDiv1').style.display = "block";
                            }
        </script>

这是我的html代码：

       <div> <span style="display: inline-block;text-align: center; margin:-73px 0px -10px 61px; "><a href ="#"><img src="/wp-content/uploads/2013/03/reject_5.jpg" width="60" height="60" style="margin:0px 0px 0px 0px"  value="Show Div" onclick="showDiv()"/></a><br />Decline</span></div>
       <textarea id="welcomeDiv"  style=" display:none; border:1px solid #666666; height:70px; margin:16px 0 0 8px " class="answer_list" title="Message to Employer" onFocus="this.value=''" > Message to Employer </textarea>
4

5 回答 5

10

Try like this

<script>
    function showDiv1() {
        var my_disply = document.getElementById('welcomeDiv1').style.display;
        if(my_disply == "block")
              document.getElementById('welcomeDiv1').style.display = "none";
        else
              document.getElementById('welcomeDiv1').style.display = "block";
     }
</script>

It is the simple way of toggling the div using only one function,Ofcourse in JQuery there is only one thing you can do is 'toggle' the div

于 2013-05-03T09:22:50.267 回答
1

替换visibility:hidden为display: none：

<textarea name="txtReason" id="txtReason" style="display: none;" class="textboxmulti">
</textarea>

然后通过将其设置为阻止来显示它：

this.form['txtReason'].style.display = 'block';

此外，您可能想查看 jQuery，它使这些事情变得非常容易。

于 2013-06-25T12:56:33.463 回答
0

尝试这个：

document.getElementById('welcomeDiv1').style.visibility = "hidden";
于 2013-05-03T09:22:06.653 回答
0

onchange在文本区域的事件上运行此函数

function hideMe(){
   document.getElementById('welcomeDiv1').style.display = "none";
}

这完全删除了 textarea，使其被隐藏并且不占用页面上的空间。如果您想隐藏它，但文本区域占用的空间仍然可以.style.visibility = 'hidden'使用

于 2013-05-03T09:22:10.577 回答
0

在用户更改文本区域的输入后将显示设置为“无”怎么样？你可以看看http://jsfiddle.net/PnfLS/

document.getElementById("textbox").addEventListener("change", function(){
document.getElementById("textbox").style.display = "none";
});
于 2013-05-03T09:41:09.517 回答