operazione su input clonati

kodlop

Nuovo Utente
7 Mag 2017
4
0
1
31
Buonasera,
ho necessità di duplicare degli input contenuti in un div nascosto con css (class="hide") e, una volta duplicati, devo effettuare delle operazioni: estrarre il valore con val(), fare una moltiplicazione e restituire il risultato ad un altro input.
Il codice funziona perfettamente, nel senso che duplica gli input al click su ".add-more", rimuove gli input al click su ".remove" ma non effettua la moltiplicazione sugli input clonati (funziona sugli input "iniziali").
Allego il codice se qualcuno ha voglia e tempo di risolvere questo problema. Grazie.
Codice:
 <div class="oko col-xs-12">
<div class="form-group after-add-more col-xs-11">

<div class="col-xs-3 voce">
<input type="text" name="<?php echo $key2; ?>voce[]" class="form-control" placeholder="Voce">
 </div>

<div class="col-xs-2 desc">
<input type="text" name="<?php echo $key2; ?>desc[]" class="form-control" placeholder="Descrizione">
 </div>

<div class="col-xs-2 subt">
<input type="text" name="<?php echo $key2; ?>subt[]" class="form-control" placeholder="Subtotale" readonly>
</div>

</div>
 
<div class="add-more col-xs-1">
<button class="btn btn-success fa fa-plus add-more" type="button"></button>
</div>

 <div class="hide">
<div class="form-group control-group">

<div class="col-xs-2 voce">
<input type="text" name="<?php echo $key2; ?>voce[]" class="form-control" placeholder="Voce">
</div>

<div class="col-xs-2 desc">
<input type="text" name="<?php echo $key2; ?>desc[]" class="form-control" placeholder="Descrizione">
</div>

<div class="col-xs-2 subt">
<input type="text" name="<?php echo $key2; ?>subt[]" class="form-control" placeholder="Subtotale" readonly>
</div>

<div class="col-xs-1 remove">
<button class="btn btn-danger fa fa-minus" type="button"></button>
</div>

</div>
</div>


</div>


   <script type="text/javascript">
      $(document).ready(function() {
     
        $(".add-more").click(function(){
            var html = $(this).next().clone().attr("class","copy");
            $(this).parents(".oko").after(html);
        });
     
        $("body").on("click",".remove",function(){
            $(this).parents(".control-group").remove();
        });
     
      });
     
   </script>
      <script type="text/javascript">
           $(document).ready(function() {
        $(".form-group").on("change", function(){
            var a = $(this).find('.voce input').val();
            var b = $(this).find('.desc input').val();
            var tot = a*b;
            $(this).find('.subt input').val(tot);
        });
            });
     
   </script>
 
Discussioni simili
Autore Titolo Forum Risposte Data
felino [Joomla 1.5] Backend senza toolbar, impossibile eseguire qualunque operazione Joomla 1
C scelta operazione di calcolo in c++ C/C++ 7
G [PHP] operazione matematica tra risultati di query PHP 5
PeterRey Operazione su Valori duplicati in array mysql PHP 3
V [ASP] operazione matematica Classic ASP 4
felino DataTables e CRUD per operazione di modifica jQuery 1
P Impossibile completare immediatamente l'operazione sul socket non a blocchi. PHP 1
Monital Select includendo operazione matematica PHP 5
grottafelix Funzione FSO.CopyFile e data dell'operazione Classic ASP 10
L Operazione Con Decimali Javascript 2
metalgemini Problema con semplice operazione Classic ASP 2
J "/=" che operazione è? Javascript 1
G Input checkbox in CSS HTML e CSS 0
L Ripetere Campi disabilitando input in riferimento ad un valore della select jQuery 0
otto9due Input text: accetta solo numeri e non può essere vuoto. Javascript 9
M Come recuperare molteplici input form PHP 1
F Lettura "input number" dinamico PHP 4
B form gestione input PHP 2
M Creare un campo input select quantità di un numero intero prelevato dal db PHP 3
F Leggere e aggiornare dati di campi <input text> su file di test PHP 0
R Nome input testo+variabile PHP 1
L input (rilevare cambio dati) PHP 3
S riflettere valore di campo input range in live Javascript 0
L input dati con inser into select ? PHP 4
M Compilazione automatica campi in input stessa pagina PHP 0
A attributo "min" per input gestione date PHP 8
F Steps campo input field Javascript 1
C input in sostituzione della select PHP 2
C [RISOLTO]Inserimento variabile php in input html PHP 20
L input (controllo se è stato modificato o no). PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
S [PHP] Recupero nome immagine da Form con input file PHP 3
T [PHP] Autocompilazione input multiple da una select PHP 1
L [Javascript] input variabili di scrittura con canvas Javascript 2
MarkRed Come indicare, in una maschera, il primo controllo d'input, tipo "SetFocus" jQuery 9
L [Javascript] Select option in campi input Javascript 4
elpirata [RISOLTO][Javascript] Datapicker e autocompletamento campo input Javascript 2
P [PHP] Inserire stringhe in input(text),memorizzarle e stamparle in file successivo PHP 0
P [PHP] Aggiungere giorni e stampare risultato da data inserita in input PHP 3
G Campo HTML input file con jQuery jQuery 0
P [PHP] Input Type="date" non va correttamente con Apple PHP 2
L Bootstrap 4 input ext value HTML e CSS 1
R radio input php mysql PHP 2
Emix [Javascript] Somma con array input HTML Javascript 1
M [HTML] form con multipli input type image HTML e CSS 1
A [Javascript] Multi input su due tabelle correlate Javascript 1
N [PHP] filtrare input form di tipo array PHP 0
S [HTML] Problema <input type="date"> HTML e CSS 0
V [Javascript] [HTML] Attivazione nuovi campi di input Javascript 2
Daniele_Carrara [Javascript] Modifica input date Javascript 5

Discussioni simili