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.
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>