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>Discussão (5)
Carregando comentários...