Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

Dynamiczne dodawanie elementów

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

Dynamiczne dodawanie elementów

Post 14.11.2017, 14:50:33

Witam,
Mam stronę z tekstem i dwoma przyciskami w jednej linii, kod wygląda tak:

<div class="relayBlock"><span class="relayTitle">Urządzenie 1</span>
<button class="btn btn-block btn-lg btn-primary" type="button" id="1" onClick="relayClick(this.id)">Wł?</button>
<button class="btn btn-block btn-lg btn-danger" type="button" id="2" onClick="relayClick(this.id)">Wył</button>
</div>

Chciałbym, aby poniżej był przycisk "Dodaj urządzenie", który "kopiuje" powyższy kod dodając na stronie kolejne urządzenie z dwoma buttonami, zmieniając nazwę urządzenia (urządzenie 1, urządzenie 2 itp.) oraz zwiększając "button id" (1,2,3,4 itp).
Próbowałem jquerry append ale bezskutecznie, ktoś ma jakieś pomysły?
darekl125
Posty: 1
Dołączył(a): 14.11.2017

Re: Dynamiczne dodawanie elementów

Post 17.11.2017, 18:50:01

Spróbuj z jQuery z funkcją clone https://api.jquery.com/clone/. Możesz też podejrzeć kod z mojego Github, gdzie dokładnie jest to czego szukasz.
https://github.com/Maciej86/dynamiczny-formularz
nuter007
Posty: 128
Dołączył(a): 04.03.2014


Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Bing [Bot] i 6 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 50698 zarejestrowanych użytkowników.
Najnowszy użytkownik: m1kie


Nasi użytkownicy napisali:

  • 936100 wiadomości
  • w 246729 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)