Home/ Questions/Q 8898175
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T00:32:44+00:00

When I click on a label, just below that some TextArea should be displayed

  • 0

When I click on a label, just below that some TextArea should be displayed with some predefined text in it and the user shouldn’t able to modify the TextArea’s content.

This is how I tried : 

<html>

  <head>
    <script type="text/javascript">
    function myfunc2() {
      document.getElementById('showthis').style.visibility = "visible"
    }
    </script>
  </head>

  <body>
    <label onclick="myfunc2()">Click here</label>
    <textarea id="showthis" style="display:none">dfdsfsfasdfdsfsfasdfssdfsfasf</textarea>
  </body>

</html>

iam new to this html and javascript.. pls someone help me on this..

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try this..

    document.getElementById('showthis').style.display = "block";
document.getElementById('showthis').readOnly=true;

    updated

    check for classname (hide).. if yes.. show the textarea and name it show … else hide it and name the classname as hide

    JAVASCRIPT

    function myfunc2() {
 var selectedobj=document.getElementById('showthis');

  if(selectedobj.className=='hide'){  //check if classname is hide 
    selectedobj.style.display = "block";
    selectedobj.readOnly=true;
    selectedobj.className ='show';
  }else{
    selectedobj.style.display = "none";
    selectedobj.className ='hide';
 }
}

    add a hide class to your html textarea.

    HTML

     <textarea id="showthis" style="display:none" class="hide">dfdsfsfasdfdsfsfasdfssdfsfasf</textarea>​   // add a class hide
    • 0