3

ボタンをクリックすると、テキストエリアが表示され、ユーザーがメッセージを入力できるようになります。彼らがメッセージを入力した後、テキストエリアを非表示にしたい。

メッセージを入力した後にテキストエリアを非表示にする方法を教えてください。

これは私の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

ユーザーがテキストエリアの入力を変更した後、表示を「なし」に設定するのはどうですか。http://jsfiddle.net/PnfLS/をご覧ください。

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

これを試して：

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

onchangeテキストエリアのイベントでこの関数を実行します

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

これにより、テキストエリアが完全に削除され、非表示になり、ページのスペースも占有しなくなります。非表示にしたいが、.style.visibility = 'hidden'代わりにテキストエリアが占有するスペースがある場合

于 2013-05-03T09:22:10.577 に答える