operazione su input clonati

kodlop

Nuovo Utente
7 Mag 2017
4
0
1
32
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