Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: JQuery problem
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
grzes321
Witam,
jestem nowy więc proszę o wyrozumiałość smile.gif

Kod
<script type="text/javascript">    
$(document).ready(function(){
var inputImieNazwisko   = $("#imie_nazwisko");
    var inputEmail   = $("#email");
    var button       = $("#dodaj");
    
    var FieldCount=2;
  
    $(button).click(function (e)
    {
         $(inputEmail).clone().val('').attr('id', 'email_'+ FieldCount +'').attr('name', 'email_'+ FieldCount +'').prependTo( "#elements" );
         $(inputImieNazwisko).clone().val('').attr('id', 'imie_nazwisko_'+ FieldCount +'').attr('name', 'imie_nazwisko_'+ FieldCount +'').prependTo( "#elements" );    
          $("#clear").clone().prependTo( "#elements" );
          
         FieldCount++;
    return false;
    });
</script>

Mam coś takiego, działa to w ten sposób, że kopiuje dwa pola input z adresem email i imieniem o wstawia do diva i id elements. Oczywiście po drodze nadaje jeszcze unikatowe id i name. Wszystko fajnie działa ale chciałbym dodać jakąś animacje, żeby po kliknięciu jakoś to ładnie wyglądało smile.gif
trueblue
Nie ma sensu klonować elementu skoro i tak zmieniasz jego atrybuty.
Atrybut name lepiej nazwać tak aby tworzył tablicę (name="nazwa[]"), będzie łatwiej odbierać w PHP takie dane.
W kodzie jest kopiowane elementu resetującego formularz, choć nie ma to sensu (tym bardziej, że klonuje się id, a id nie może się powtarzać) - jest tylko dla przykładu. Całość powinna być jednym formularzem, więc jeden przycisk reset wystarczy i nie trzeba go kopiować.

https://jsfiddle.net/47q4nnc5/
grzes321
super smile.gif dzięki wielkie smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.