/    Sign up×
Community /Pin to ProfileBookmark

add text input on click

Copy linkTweet thisAlerts:
Mar 22.2006

Hi,

Is there anyway I can add a button to my page, that when clicked add another text input to my page as below, each with their own id, so the user can add as many as they like. Thankyou

<input type=”Text” id=”demo1″ maxlength=”25″ size=”25″>

<input type=”Text” id=”demo2″ maxlength=”25″ size=”25″>

<input type=”Text” id=”demo3″ maxlength=”25″ size=”25″>

<input type=”Text” id=”demo4″ maxlength=”25″ size=”25″>

so on and so forth….

to post a comment
JavaScript

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@James_GatkaMar 22.2006 — [CODE]<html>
<head>
<script type="text/javascript">

function insertRow(isTable){

var index = isTable.rows.length;
var nextRow = isTable.insertRow(index);
var isText = nextRow.insertCell(0);
var txtArea = nextRow.insertCell(1);
index++;
index = index.toString();
var nameStr = "item"+index;
var txtStr = "Item "+index;
isText.innerHTML = txtStr;
txtArea.innerHTML = "<input type=text name="+nameStr+" size=5>";
}

</script>
</head>
<body>

<form>
<table id='dynTable' cellpadding='5' cellspacing='5' border='1'>
<tbody>
<tr><td> Item 1</td><td><input type="text" name="item1" size="5"></td></tr>
<tr><td> Item 2</td><td><input type="text" name="item2" size="5"></td></tr>
<tr><td> Item 3</td><td><input type="text" name="item3" size="5"></td></tr>
</tbody>
</table>
</form>

<input type='button' value="Insert row" onclick="insertRow(document.getElementById('dynTable'))"><br>
<input type='button' value="Display Item 4" onclick="alert(document.forms[0]['item4'].value)"><br>

</body>
</html>[/CODE]
Copy linkTweet thisAlerts:
@mattasticauthorMar 22.2006 — Thankyou.

I have changed the innerHTML to this

txtArea.innerHTML = "<input type=text name="+nameStr+" size=5><input type=Text id="+nameStr+" maxlength=25 size=25><a href='javascript:NewCal('"+nameStr+"','ddmmmyyyy',true,24)'><img src=cal.gif width=16 height=16 border=0 alt=Pick a date></a>"

it doesnt work though?

I get a syntax error Newcal(

Any ideas?

Thankyou
Copy linkTweet thisAlerts:
@James_GatkaMar 22.2006 — Try changing this part:

href='javascript:NewCal('"+nameStr+"','ddmmmyyyy',true,24)'

to:

href="javascript:NewCal('"+nameStr+"','ddmmmyyyy',true,24)"
Copy linkTweet thisAlerts:
@mattasticauthorMar 31.2006 — Hi, thanks for that. Im trying to create html with this ;ineof code, its not workling either.

Can you help?

starttimemenu.innerHTML = "<select name="+starttimeid+" ><option value=0900>09-00<%3C option><option value=0915>09-15</option>

<option value=0930>09-30</option>

<option value=0945>09-45</option>

<option value=1000>10-00</option>

<option value=1015>10-15</option>

<option value=1030>10-30</option>

<option value=1045>10-45</option>

<option value=1100>11-00</option>

<option value=1115>11-15</option>

<option value=1130>11-30</option>

<option value=1145>11-45</option>

<option value=1200>12-00</option>

<option value=1215>12-15</option>

<option value=1230>12-30</option>

<option value=1245>12-45</option>

<option value=1300>13-00</option>

<option value=1315>13-15</option>

<option value=1330>13-30</option>

<option value=1345>13-45</option>

<option value=1400>14-00</option>

<option value=1415>14-15</option>

<option value=1430>14-30</option>

<option value=1445>14-45</option>

<option value=1500>15-00</option>

<option value=1515>15-15</option>

<option value=1530>15-30</option>

<option value=1545>15-45</option>

<option value=1600>16-00</option>

<option value=1615>16-15</option>

<option value=1630>16-30</option>

<option value=1645>16-45</option>

<option value=1700>17-00</option>

</select>"
×

Success!

Help @mattastic spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...