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>
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 255504
Url: https://administrator.de/contentid/255504
Ausgedruckt am: 22.11.2024 um 14:11 Uhr
3 Kommentare
Neuester Kommentar
<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()" />