how to create label and textbox dynamically using javascript

Question

Hello All, Hope you are doing good!! how to create label and textbox dynamically using javascript, When clicking on + icon.. Can any one guide me here. Thank you in advance!!

Jaimin Shethiya · Answer

Hello sam, can you please try to below code for adding a label and textbox dynamically. HTML Code: Add JavaScript Code: var intTextBox = 0; /** * Function to add textbox element dynamically * First we incrementing the counter and creating new div element with unique id * Then adding new textbox element to this div and finally appending this div to main content. */ function addElement() { intTextBox++; var objNewDiv = document.createElement('div'); objNewDiv.setAttribute('id', 'div_' + intTextBox); objNewDiv.innerHTML = 'Textbox ' + intTextBox + ': '; document.getElementById('content').appendChild(objNewDiv); } Thanks

Ashutosh Gupta · Answer

Hello sam, you can keep text and lable created but keep default as non visible, use visible property to false, when you click on +, set visible to true

Mas · Answer

This is our requirement Ashutosh, When we are clicking on + symbol it needs to open the label and textbox.

Ashutosh Gupta · Answer

you can use of dom object "document" to create those var x = document.createElement( "INPUT" ); x.setAttribute( "type" , "text" ); label var x1 = document.createElement( "LABEL" );

how to create label and textbox dynamically using javascript

Answers (4)