[SOLUCIONADO] problemas con una no hace que se ejecute el codigo

[aviweb2015]

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:

<!-- 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>
 
 
    <br>
 
            <br>
 
                    <br>
 
<div class="row">
 
     <div class="inputs">
 
 
 
<div id="ejemplar1">
 
<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/>
<label for="ejemplar">Ejemplar:</label>
</div>
 
<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/>
<label for="peso">Peso:</label>
</div>
 
<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/>
<label for="dividendo">Dividendo:</label>
</div>
 
 
 
<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/>
<label for="porcentaje">porcentaje:</label>
</div>
 
 
 
<div class="input-field col s12 m3">
<input id="total" type="text" name="total[]" readonly/>
<label for="total">Total:</label>
</div>
 
</div>
 
 
 
 
<div id="ejemplar2">
 
<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/>
<label for="ejemplar">Ejemplar:</label>
</div>
 
<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/>
<label for="peso">Peso:</label>
</div>
 
<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/>
<label for="dividendo">Dividendo:</label>
</div>
 
 
 
<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/>
<label for="porcentaje">porcentaje:</label>
</div>
 
<div class="input-field col s12 m3">
<input id="total" type="text" name="total[]" autocomplete="off" readonly/>
<label for="total">Total:</label>
</div>
 
</div>
 
 
<div id="ejemplar3">
 
<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/>
<label for="ejemplar">Ejemplar:</label>
</div>
 
<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/>
<label for="peso">Peso:</label>
</div>
 
<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/>
<label for="dividendo">Dividendo:</label>
</div>
 
 
 
<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/>
<label for="porcentaje">porcentaje:</label>
</div>
 
<div class="input-field col s12 m3">
<input id="total" type="text" name="total[]" autocomplete="off" readonly/>
<label for="total">Total:</label>
</div>
 
</div>
 
 
 
<div id="ejemplar4">
 
<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/>
<label for="ejemplar">Ejemplar:</label>
</div>
 
<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/>
<label for="peso">Peso:</label>
</div>
 
<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/>
<label for="dividendo">Dividendo:</label>
</div>
 
 
 
<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/>
<label for="porcentaje">porcentaje:</label>
</div>
 
<div class="input-field col s12 m3">
<input id="total" type="text" name="total[]" autocomplete="off" readonly/>
<label for="total">Total:</label>
</div>
 
</div>
 
 
     </div>
 
</div>
 
 
 
 
<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'>
Volver</button></a>
 
</div>
 
<br> 
 
<br> 
 
                      </form>
 
         
 
            </div>
 
        </div>
 
 
 
<!-- fin formulario-->
 

función total

Código Javascript:

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