Onclick ganzes Div mitsenden
Hallo Miteinander
Ich habe Folgendes Problem:
Wie Ihr im Code unten seht, habe ich ein Button der das div hinzufügen sollte. Nun habe ich das Ganze in ein Table gesteckt und nun funktioniert es nicht mehr. Was muss ich beim onclick anpassen das er das ganze Div (Link) kopiert?
Danke für eure Antworten
LG Miichiii9
<div id="Link">
<table>
<tr>
<td class="tdLink">
Anzeigename:<br>
<input type="text" placeholder="Example" class="inputlink">
</td>
<td class="tdLink">
URL:<br>
<input type="url" name="link" placeholder="www.example.com" class="inputlink">
</td>
<td>
<br>
<input id="add" type="button" value="Hinzufügen" onClick="feldHinzufuegen(this.div)" />
</td>
</tr>
</table>
</div>
<script>
var counter = 2;
function feldHinzufuegen(el){
var tmpDiv = $(el).parent();
var copyDiv = tmpDiv.clone();
copyDiv.children('input[name="link1"]').attr("id","link" + counter).attr("name","link" + counter);
copyDiv.insertAfter(tmpDiv);
counter +=1;
$(el).remove();
}
</script>
Ich habe Folgendes Problem:
Wie Ihr im Code unten seht, habe ich ein Button der das div hinzufügen sollte. Nun habe ich das Ganze in ein Table gesteckt und nun funktioniert es nicht mehr. Was muss ich beim onclick anpassen das er das ganze Div (Link) kopiert?
Danke für eure Antworten
LG Miichiii9
<div id="Link">
<table>
<tr>
<td class="tdLink">
Anzeigename:<br>
<input type="text" placeholder="Example" class="inputlink">
</td>
<td class="tdLink">
URL:<br>
<input type="url" name="link" placeholder="www.example.com" class="inputlink">
</td>
<td>
<br>
<input id="add" type="button" value="Hinzufügen" onClick="feldHinzufuegen(this.div)" />
</td>
</tr>
</table>
</div>
<script>
var counter = 2;
function feldHinzufuegen(el){
var tmpDiv = $(el).parent();
var copyDiv = tmpDiv.clone();
copyDiv.children('input[name="link1"]').attr("id","link" + counter).attr("name","link" + counter);
copyDiv.insertAfter(tmpDiv);
counter +=1;
$(el).remove();
}
</script>
Please also mark the comments that contributed to the solution of the article
Content-Key: 255504
Url: https://administrator.de/contentid/255504
Printed on: April 18, 2024 at 10:04 o'clock
3 Comments
Latest comment
<input id="add" type="button" value="Hinzufügen" onClick="feldHinzufuegen('#Link')" />
Und dann noch im JavaScript diese Zeile ändern:
var tmpDiv = $(el);
Gruß jodel32
Zitat von @miichiii9:
Weist du auch wie man so einen löschen butten erstellt der das div wieder löscht?
Weist du auch wie man so einen löschen butten erstellt der das div wieder löscht?
<input id="add" type="button" value="Löschen" onClick="$('#Link').Remove()" />