Aggiunge nuovo campo di testo mentre si fa clic su un pulsante e rimuovere facendo clic sul pulsante in laravel 4

Question

ho un modulo con due campi come telefono, email come sotto immagine.

quando clicco sul pulsante più, voglio aggiungere un campo di testo in più in forma sotto il pulsante. e voglio rimuovere il campo di testo quando si fa clic sul pulsante meno.

aggiungere dinamicamente i campi e impostare il nome per univoco per quello. ho bisogno di questi dati da inserire nella tabella.

il mio codice HTML è mostrato nella seguente ..

<div class="RegSpLeft"><input type="text" value="Phone"></div> 

<div class="RegSpRight"> <a href="#"><img src="images/plus.png"></a> <a href="#"><img src="images/minus.png"></a> </div> 

Answer 1

Questo potrebbe aiutare.

<div class="RegSpLeft" id="phone"> 
     <input type="text" value="Phone"> 
    </div> 

    <div class="RegSpRight"> 
     <a href="#" class="pl">+ 
     </a> 
     <br/> 
     <a href="#" class="mi">- 
     </a> 
    </div> 

<script type="text/javascript" src="dist/js/jquery-2.1.1.min.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     $('a.pl').click(function(e) { 
      e.preventDefault(); 
      $('#phone').append('<input type="text" value="Phone">'); 
     }); 
     $('a.mi').click(function (e) { 
      e.preventDefault(); 
      if ($('#phone input').length > 1) { 
       $('#phone').children().last().remove(); 
      } 
     }); 
    }); 
    </script>