Foros del Web » Programando para Internet » Javascript »

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

Estas en el tema de problemas con una no hace que se ejecute el codigo en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 31/01/2018, 09:51
Avatar de aviweb2015  
Fecha de Ingreso: abril-2016
Ubicación: venezuela
Mensajes: 205
Antigüedad: 2 años, 5 meses
Puntos: 1
problemas con una no hace que se ejecute el codigo

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
  1. <!-- formulario -->
  2.  
  3.  
  4. <form class="col s12 m12 l12" action="anadircarrerascaballos.php" name="form" method="POST">
  5.  
  6.  
  7.  
  8.  
  9.  
  10.                     <div class="header-title-left col s12 m6">
  11.                             <h5>Ejemplares a Registrar</h5>
  12.                         </div>
  13.  
  14.  
  15.     <br>
  16.  
  17.             <br>
  18.  
  19.                     <br>
  20.  
  21. <div class="row">
  22.  
  23.      <div class="inputs">
  24.  
  25.  
  26.  
  27. <div id="ejemplar1">
  28.  
  29. <div class="input-field col s12 m3">
  30. <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/>
  31. <label for="ejemplar">Ejemplar:</label>
  32. </div>
  33.  
  34. <div class="input-field col s12 m2">
  35. <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/>
  36. <label for="peso">Peso:</label>
  37. </div>
  38.  
  39. <div class="input-field col s12 m2">
  40. <input id="dividendo" type="text" name="dividendo[]" autocomplete="off" title='no pueden haber campos vacios, solo se permiten numeros.' onChange="total('ejemplar1')" required/>
  41. <label for="dividendo">Dividendo:</label>
  42. </div>
  43.  
  44.  
  45.  
  46. <div class="input-field col s12 m2">
  47. <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/>
  48. <label for="porcentaje">porcentaje:</label>
  49. </div>
  50.  
  51.  
  52.  
  53. <div class="input-field col s12 m3">
  54. <input id="total" type="text" name="total[]" readonly/>
  55. <label for="total">Total:</label>
  56. </div>
  57.  
  58. </div>
  59.  
  60.  
  61.  
  62.  
  63. <div id="ejemplar2">
  64.  
  65. <div class="input-field col s12 m3">
  66. <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/>
  67. <label for="ejemplar">Ejemplar:</label>
  68. </div>
  69.  
  70. <div class="input-field col s12 m2">
  71. <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/>
  72. <label for="peso">Peso:</label>
  73. </div>
  74.  
  75. <div class="input-field col s12 m2">
  76. <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/>
  77. <label for="dividendo">Dividendo:</label>
  78. </div>
  79.  
  80.  
  81.  
  82. <div class="input-field col s12 m2">
  83. <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/>
  84. <label for="porcentaje">porcentaje:</label>
  85. </div>
  86.  
  87. <div class="input-field col s12 m3">
  88. <input id="total" type="text" name="total[]" autocomplete="off" readonly/>
  89. <label for="total">Total:</label>
  90. </div>
  91.  
  92. </div>
  93.  
  94.  
  95. <div id="ejemplar3">
  96.  
  97. <div class="input-field col s12 m3">
  98. <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/>
  99. <label for="ejemplar">Ejemplar:</label>
  100. </div>
  101.  
  102. <div class="input-field col s12 m2">
  103. <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/>
  104. <label for="peso">Peso:</label>
  105. </div>
  106.  
  107. <div class="input-field col s12 m2">
  108. <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/>
  109. <label for="dividendo">Dividendo:</label>
  110. </div>
  111.  
  112.  
  113.  
  114. <div class="input-field col s12 m2">
  115. <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/>
  116. <label for="porcentaje">porcentaje:</label>
  117. </div>
  118.  
  119. <div class="input-field col s12 m3">
  120. <input id="total" type="text" name="total[]" autocomplete="off" readonly/>
  121. <label for="total">Total:</label>
  122. </div>
  123.  
  124. </div>
  125.  
  126.  
  127.  
  128. <div id="ejemplar4">
  129.  
  130. <div class="input-field col s12 m3">
  131. <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/>
  132. <label for="ejemplar">Ejemplar:</label>
  133. </div>
  134.  
  135. <div class="input-field col s12 m2">
  136. <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/>
  137. <label for="peso">Peso:</label>
  138. </div>
  139.  
  140. <div class="input-field col s12 m2">
  141. <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/>
  142. <label for="dividendo">Dividendo:</label>
  143. </div>
  144.  
  145.  
  146.  
  147. <div class="input-field col s12 m2">
  148. <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/>
  149. <label for="porcentaje">porcentaje:</label>
  150. </div>
  151.  
  152. <div class="input-field col s12 m3">
  153. <input id="total" type="text" name="total[]" autocomplete="off" readonly/>
  154. <label for="total">Total:</label>
  155. </div>
  156.  
  157. </div>
  158.  
  159.  
  160.      </div>
  161.  
  162. </div>
  163.  
  164.  
  165.  
  166.  
  167. <div class="center-align">
  168.  
  169.        <button id="agregar" type="button" class="btn waves-effect light-blue accent-4 btn-medium">+</button>
  170.  
  171.        <button id="quitar" type="button" style="display:none;" class="btn waves-effect light-blue accent-4 btn-medium">-</button>
  172.  
  173.        <button type="submit" name="guardar" class="btn waves-effect light-blue accent-4 btn-medium">Registrar</button>
  174.  
  175.        <button type="reset" class="btn waves-effect light-blue accent-4 btn-medium">Cancelar</button>
  176.  
  177. <a href='carrera_caballos.php' button class='btn waves-effect light-blue accent-4 btn-medium' type='submit'>
  178. Volver</button></a>
  179.  
  180. </div>
  181.  
  182. <br>
  183.  
  184. <br>
  185.  
  186.                       </form>
  187.  
  188.          
  189.  
  190.             </div>
  191.  
  192.         </div>
  193.  
  194.  
  195.  
  196. <!-- fin formulario-->


función total


Código Javascript:
Ver original
  1. <script language="javascript">
  2. function total(iddiv){
  3.   var resultado;
  4.   var x=0;
  5.   var y=0;
  6.   //obtengo el elemento input
  7.   var divv = document.getElementById(iddiv);
  8.  
  9.   var inputv = divv.getElementsByTagName("input");  
  10.  
  11.   x = parseInt (inputv[2].value); // campo dividendo
  12.   y = parseInt (inputv[3].value); //campo porcentaje
  13.  
  14.   resultado = x * y;
  15.  
  16.   inputv[4].value=resultado;  //se muestra valor en total
  17. }
  18. </script>
__________________
yoclens avilan

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:06.