Tijden veranderen
nieuwe inputveld vanzelf aanmaken
Ik heb een probleem.
Ik zou graag wanneer ik een <input type "text"?> aanklik er daaronder een nieuwe komt met de zelfde naam.
ik heb al op google gezocht en hier, maar ik denk dat ik verkeerd zoek want ik kom niet verder.
ik hoop dat iemand mij kan helpen.
bedankt al vast,
Christa,
Gewijzigd op 06/02/2015 00:10:15 door Christa scholing
Toevoeging op 06/02/2015 00:44:42:
Het zal met JavaScript moeten of met behulp van jquery
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
$count=1;
function dup(){
$count++;
var d = document.getElementById("titel1");
var p = d.parentElement;
c=d.cloneNode(true); // true means clone all childNodes and all event handlers
c.id = "titel"+$count;
p.appendChild(c);
}
function dup(){
$count++;
var d = document.getElementById("titel1");
var p = d.parentElement;
c=d.cloneNode(true); // true means clone all childNodes and all event handlers
c.id = "titel"+$count;
p.appendChild(c);
}
De te copi£ëren div:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="titel1">
<label><b>Nummer</b></label> <label><input name="nummer[]" placeholder="Volgnummer" type="number"></label>
<label><b>Reeks</b></label> <label><SELECT name="reeks[]" >
<OPTION value=1>AGENT 212</OPTION><OPTION value=2>ALTUNA</OPTION><OPTION value=3>ASTERIX BUITEN REEKS</OPTION><OPTION value=4>ASTERIX NIEUW</OPTION><OPTION value=5>ASTERIX OUD</OPTION> </select></label><br><br>
<label><b>Titel</b></label> <label><input name="titel[]" placeholder="Titel" size="60"></label><br><br>
<label><b>Aangekocht op</b></label> <label><input name="koopdatum[]" type="date"></label>
<label><b>Verschenen op</b></label> <label><input name="verschijningsdatum[]" type="date"></label><br><br>
<label><b>Prijs</b></label> <label><input name="prijs[]" type="number"></label>
<label><b>Druk</b></label> <label><input name="druk[]" type="number"> </label><br><br>
<label><b>Nog niet gekocht</b></label> <label><input name="notyet[]" type="checkbox"></label>
<label><b>Verdwenen</b></label> <label><input name="Verdwenen[]" type="checkbox"></label><br><br>
<label><b>opmerking</b></label> <label><input name="opmerking[]" style="width: 800px;"></label><br><br>
</div>
<label><b>Nummer</b></label> <label><input name="nummer[]" placeholder="Volgnummer" type="number"></label>
<label><b>Reeks</b></label> <label><SELECT name="reeks[]" >
<OPTION value=1>AGENT 212</OPTION><OPTION value=2>ALTUNA</OPTION><OPTION value=3>ASTERIX BUITEN REEKS</OPTION><OPTION value=4>ASTERIX NIEUW</OPTION><OPTION value=5>ASTERIX OUD</OPTION> </select></label><br><br>
<label><b>Titel</b></label> <label><input name="titel[]" placeholder="Titel" size="60"></label><br><br>
<label><b>Aangekocht op</b></label> <label><input name="koopdatum[]" type="date"></label>
<label><b>Verschenen op</b></label> <label><input name="verschijningsdatum[]" type="date"></label><br><br>
<label><b>Prijs</b></label> <label><input name="prijs[]" type="number"></label>
<label><b>Druk</b></label> <label><input name="druk[]" type="number"> </label><br><br>
<label><b>Nog niet gekocht</b></label> <label><input name="notyet[]" type="checkbox"></label>
<label><b>Verdwenen</b></label> <label><input name="Verdwenen[]" type="checkbox"></label><br><br>
<label><b>opmerking</b></label> <label><input name="opmerking[]" style="width: 800px;"></label><br><br>
</div>
Gezien automatisch gegenereerd niet echt proper uitgelijnd :) Nog geen tijd gehad om die mooi te maken :(
Jan