JQuery problem Opcje

[grzes321]

Witam,
jestem nowy więc proszę o wyrozumiałość

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

Ten post edytował grzes321 16.07.2016, 11:22:21

[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/

Ten post edytował trueblue 16.07.2016, 11:48:08

[grzes321]

super dzięki wielkie