unable to create text area using javascript

Question

I want to design a simple text area using javascript. I am using the following function

    function add2(type) {
     var element = document.createElement("input");
     var label=prompt("Enter the name for lable","label");
     document.getElementById('raj').innerHTML=document.getElementById('raj').innerHTML+label;
     element.setAttribute("type", type);

     element.setAttribute("name", type);
     element.setAttribute("cols",20);
     element.setAttribute("rows",50);

     var rohit = document.getElementById("raj");
    rohit.appendChild(element);
    document.getElementById('raj').innerHTML=document.getElementById('raj').innerHTML+"<br/>";

}

I am using this function in my HTML code as follow :

<input type="button" value="Text Area" onclick="add2('textarea')">

But when I am executing this code, it is creating only a simple text box. what should I do ??

Thanks

createElement("input") crearted an input. How do you expect it to be a textarea? — Zoltan Toth
– Zoltan Toth, Commented Jul 11, 2012 at 12:46

A.M.K · Accepted Answer · 2012-07-11 12:57:31Z

2

Textarea's have their own HTML tag, I think that this is what you want:

Demo: http://jsfiddle.net/SO_AMK/ZzdWR/

HTML:

<input type="button" value="Text Area" onclick="add2('textarea')">
<div id="raj">Lorem ipsum...</div>

JavaScript:

function add2(name) {
     var element = document.createElement("textarea");
     var label = prompt("Enter the name for lable","label");
     var rohit = document.getElementById("raj");
     rohit.innerHTML = rohit.innerHTML + label;

     element.setAttribute("name", name);
     element.setAttribute("cols",20);
     element.setAttribute("rows",50);

    rohit.appendChild(element);
    rohit.innerHTML = rohit.innerHTML + "<br/>";

}

edited Jul 11, 2012 at 12:57

answered Jul 11, 2012 at 12:50

A.M.K

16.8k4 gold badges37 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

John Kugelman · Accepted Answer · 2012-07-11 12:46:35Z

1

Text areas are separate elements:

<textarea>content</textarea>

rather than

<input type="textarea" value="content" />

answered Jul 11, 2012 at 12:46

John Kugelman

365k70 gold badges555 silver badges600 bronze badges

1 Comment

Rohitashv Singhal Over a year ago

thanks to all . I have put only createElement("textarea") at place of createElement("input");

Collectives™ on Stack Overflow

unable to create text area using javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related