Input clonado não calcula
Saudações.
Bom andei pegando alguns scripts em javascript pra clonar um form, mas acontece que quando clico pra clonar, a função de calculo entre inputs pára de funcionar.
Creio que seja pelo fato do form clonado fique com o mesmo nome do original, até tentei renomear os inputs de calculo, mas ai creio que de erro na hora de gravar no php/Mysql.
Alguém teria alguma ideia pra fazer funcionar esses cálculos?
Os inputs que preciso calcular seria vlr_prod * qtd
Segue o código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="../../jquery/jquery.min.js"></script>
<script language="JavaScript" type="text/JavaScript"><!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);//-->
</script>
<script><!--
function calcular(vlr_prod,qtd) {
var vlr_prod = document.calcform.vlr_prod.value;
var qtd = document.calcform.qtd.value;
var res = parseFloat(vlr_prod) * parseFloat(qtd);
total = res.toFixed(2);
document.calcform.res.value = total;
}//-->
</script>
</head>
<body>
<p>
<script language="javascript"><!--
var popup;
function Abrir_JanelA(UrL){
popup = window.open(UrL, "Consulta", "width=1200px,height=600px");
}//-->
</script>
<script language="JavaScript"><!--
$(function () {
function removeCampo() {
$(".removerCampo").unbind("click");
$(".removerCampo").bind("click", function () {
i=0;
$(".telefones p.campoTelefone").each(function () {
i++;
});
if (i>1) { $(this).parent().remove();
} });
} removeCampo();
$(".adicionarCampo").click(function () {
novoCampo = $(".telefones p.campoTelefone:first").clone();
novoCampo.find("input").attr("");
novoCampo.insertAfter(".telefones p.campoTelefone:first");
removeCampo();
});
});
//-->
</script>
<a href="javascript:Abrir_JanelA('lista.php')">Pesquisar Peças</a> </p>
<form name="calcform" method="post" action="" >
<fieldset> <legend><span class="campoTelefone"><a href="#" class="adicionarCampo"> Adicionar Item </a></span></legend>
<div class="telefones">
<p class="campoTelefone">
<input name="prod_id" type="text" id="prod_id" size="10" />
<input name="prod_desc" type="text" id="prod_desc" size="60" />
<input name="vlr_prod" type="text" id="vlr_prod" size="20" />
<input name="qtd" type="text" id="qtd" onBlur="calcular(document.calcform.value)" size="10"/>
<input name="res" type="text" id="res" size="20" />
<a href="#" class="removerCampo">Remover Campo</a> <br />
</p>
</div>
</fieldset>
</form>
<div id="div"></div>
</body>
</html>Desde já agradeço a colaboração, obrigado.
Discussão (5)
Carregando comentários...