• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1249
  • Last Modified:

jsp onclick create dynamic textarea

In my jsp , onclick of list items , I would like to create dynamic textarea so that user can type some comments  . How do I do that ?

N.B:  I"m using Struts 2 in the Action class. I would like to  capture the values from the textarea .
0
cofactor
Asked:
cofactor
  • 2
1 Solution
 
chaitu chaituCommented:
function ex()
{
txtsarea=	document.createElement("textarea");
txtsarea.rows='20'
txtsarea.columns='40'
document.body.appendChild(txtsarea);
}

  </script>
 </HEAD>

 <BODY>
india  <input type='checkbox' id='chk' onclick='ex()'>

 </BODY>

Open in new window

0
 
ProculopsisCommented:

Are you after something like this:

<html>
<head>
<title>http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q__26841139.html</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
<script>

$(function() {

  $(".click-me")
  .click( eventClick )
  .css( { cursor: "hand" } );

});

function eventClick() {
  var id = $(this).attr( "rel" );
  if ( $("#"+id).length == 0 ) {
    $(this).after(
      $("<textarea/>").attr( { id: id } )
    );
  } else {
    $("#"+id).toggle();
  }
}

</script>
</head>
<body>

<ul>
  <li class="click-me" rel="1">Alpha</li>
  <li class="click-me" rel="2">Bravo</li>
  <li class="click-me" rel="3">Charlie</li>
  <li class="click-me" rel="4">Delta</li>
  <li class="click-me" rel="5">Echo</li>
</ul>

</body>
</html>

Open in new window

0
 
chaitu chaituCommented:
give name to this textarea
txtsarea.name='txtareavalues'
when you click submit button it will call action class

retrieve the textarea in action class
 using request.getParameter("txtareavalues")
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now