saludos comunidad tengo dos problema que para algunos sera fácil pero para mi es difícil ya que no manejo mucho Javascript, mi problema es el siguiente: si le quito la etiqueta
Código HTML:
<form class="col s12 m12 l12" action="
, mi función Javascript se ejecuta perfectamente, pero si le agrego la etiqueta no me funciona, y mi otro problema es que cuando quiero agregar otra linea mi función .js no me funciona la función Javascript a partir de ese input agregado porque en mínimo de input son 4 que son los que se muestran normales a partir de hay los agrego con mi archivo .js agregar campos hasta un máximo de 14 input, el me los agrega pero el problema es que no me hace el calculo a partir de ese input generado que seria el input 5,6,7 etc. anexo codigo.
formulario
Código HTML:
Ver original<!-- formulario -->
<form class="col s12 m12 l12" action="anadircarrerascaballos.php" name="form" method="POST">
<div class="header-title-left col s12 m6"> <h5>Ejemplares a Registrar
</h5>
<div class="input-field col s12 m3"> <input id="ejemplar" type="text" name="ejemplar[]" autocomplete='off' title='no pueden haber campos vacios, solo se permiten letras.' pattern='[a-zA-ZñÑáéíóúÁÉÍÓÚ\s]+' required/>
<div class="input-field col s12 m2"> <input id="peso" type="text" name="peso[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' pattern='[0-9]{2,2}' required/>
<div class="input-field col s12 m2"> <input id="dividendo" type="text" name="dividendo[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' onChange="total('ejemplar1')" required/>
<div class="input-field col s12 m2"> <input id="icon_prefix" type="text" class="black-text" name="porcentaje[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' onChange="total('ejemplar1')" required/>
<div class="input-field col s12 m3"> <input id="total" type="text" name="total[]" readonly/>
<div class="input-field col s12 m3"> <input id="ejemplar" type="text" name="ejemplar[]" autocomplete='off' title='no pueden haber campos vacios, solo se permiten letras.' pattern='[a-zA-ZñÑáéíóúÁÉÍÓÚ\s]+' required/>
<div class="input-field col s12 m2"> <input id="peso" type="text" name="peso[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' pattern='[0-9]{2,2}' required/>
<div class="input-field col s12 m2"> <input id="dividendo" type="text" name="dividendo[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' pattern='[0-9]{1,2}' onChange="total('ejemplar2')" required/>
<div class="input-field col s12 m2"> <input id="porcentaje" type="text" name="porcentaje[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' onChange="total('ejemplar2')" pattern='[0-9]{1,2}' required/>
<div class="input-field col s12 m3"> <input id="total" type="text" name="total[]" autocomplete="off" readonly/>
<div class="input-field col s12 m3"> <input id="ejemplar" type="text" name="ejemplar[]" autocomplete='off' title='no pueden haber campos vacios, solo se permiten letras.' pattern='[a-zA-ZñÑáéíóúÁÉÍÓÚ\s]+' required/>
<div class="input-field col s12 m2"> <input id="peso" type="text" name="peso[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' pattern='[0-9]{2,2}' required/>
<div class="input-field col s12 m2"> <input id="dividendo" type="text" name="dividendo[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' pattern='[0-9]{1,2}' onChange="total('ejemplar3')" required/>
<div class="input-field col s12 m2"> <input id="porcentaje" type="text" name="porcentaje[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' onChange="total('ejemplar3')" pattern='[0-9]{1,2}' required/>
<div class="input-field col s12 m3"> <input id="total" type="text" name="total[]" autocomplete="off" readonly/>
<div class="input-field col s12 m3"> <input id="ejemplar" type="text" name="ejemplar[]" autocomplete='off' title='no pueden haber campos vacios, solo se permiten letras.' pattern='[a-zA-ZñÑáéíóúÁÉÍÓÚ\s]+' required/>
<div class="input-field col s12 m2"> <input id="peso" type="text" name="peso[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' pattern='[0-9]{2,2}' required/>
<div class="input-field col s12 m2"> <input id="dividendo" type="text" name="dividendo[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' pattern='[0-9]{1,2}' onChange="total('ejemplar4')" required/>
<div class="input-field col s12 m2"> <input id="porcentaje" type="text" name="porcentaje[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' onChange="total('ejemplar4')" pattern='[0-9]{1,2}' required/>
<div class="input-field col s12 m3"> <input id="total" type="text" name="total[]" autocomplete="off" readonly/>
<div class="center-align">
<button id="agregar" type="button" class="btn waves-effect light-blue accent-4 btn-medium">+
</button>
<button id="quitar" type="button" style="display:none;" class="btn waves-effect light-blue accent-4 btn-medium">-
</button>
<button type="submit" name="guardar" class="btn waves-effect light-blue accent-4 btn-medium">Registrar
</button>
<button type="reset" class="btn waves-effect light-blue accent-4 btn-medium">Cancelar
</button>
<a href='carrera_caballos.php' button class='btn waves-effect light-blue accent-4 btn-medium' type='submit'>
<!-- fin formulario-->
función total
Código Javascript
:
Ver original<script language="javascript">
function total(iddiv){
var resultado;
var x=0;
var y=0;
//obtengo el elemento input
var divv = document.getElementById(iddiv);
var inputv = divv.getElementsByTagName("input");
x = parseInt (inputv[2].value); // campo dividendo
y = parseInt (inputv[3].value); //campo porcentaje
resultado = x * y;
inputv[4].value=resultado; //se muestra valor en total
}
</script>