C# Tutorials and offshore development in India
Tutorials Resources Forum Reviews Communities Interview Jobs Projects Training Videos


Prizes & Awards
My Profile



Active Members
TodayLast 7 Days more...


Birthday Greetings
Learn Windows 7: Move Chrome cache to Ramdrive to enjoy high browsing speed   This resource gives the information about how to speed up the chrome browser.



Forums » .NET » ASP.NET »

Javascript::How to create text box dynamically


Posted Date: 08 Dec 2005      Posted By:: deepak pal    Member Level: Silver    Member Rank: 0     Points: 2   Responses: 2



how to create text box dynamically on button's click event plz give my code in javascript not in .aspx




Responses

Author: Pankaj Mishra     Member Level: Diamond      Member Rank: 0     Date: 08/Dec/2005   Rating: 2 out of 52 out of 5     Points: 2

HI
Use this code for creating textBox using javascript dynamically


function createTXTBox()
{
var loContentTable = document.getElementById("tblCreateTextBox"); //"tblCreateTextBox" Table id
if(loContentTable != null)
{

for(var count=0; count < 200 ;count++)
{
var loTR = loContentTable.insertRow(loContentTable.rows.length);
if(loTR != null)
{
var loTXTBox=loTR.insertCell(0);
if(loTXTBox!=null)
{
var contentPlace = document.getElementById("contentPlace");//contentPlace is td in the table "tblCreateTextBox"

var text12 = document.createTextNode("Auto");
var input12 = document.createElement("Input");
input12.value="auto";

input12.type="text";
loTXTBox.width="15px";

loTXTBox!.innerHTML = "<input type='text' id='count' value=tempCount onclick='javascript:doSomeThing(this)'>"

}
}
}
}
}


Pankaj

Regards,
Pankaj
MyBlog



Author: UltimateRengan     Member Level: Diamond      Member Rank: 2     Date: 02/Sep/2008   Rating: 2 out of 52 out of 5     Points: 5

<html>
<head>
<title>Dynamic Form</title>
<script type="text/javascript" >
function CreateTextbox()
{
var i = 1;
createTextbox.innerHTML = createTextbox.innerHTML +"<input type=text name='mytext'+ i/>"

}
</script>
</head>
<body>

<form name="form" action="post" method="">
<input type="button" value="clickHere" onClick="CreateTextbox()">
<div id="createTextbox"></div>
</form>
</body>

http://renganathan1984.blogspot.com/
Asp.Net and Javascript



Post Reply

 This thread is locked for new responses. Please post your comments and questions as a separate thread.
If required, refer to the URL of this page in your new post.


Previous : Validation Controls
Return to Discussion Forum
Post New Message
Category: ASP.NET



About Us    Contact Us    Privacy Policy    Terms Of Use