Nueva pregunta

Pregunta:

Fecha: 26-05-2017 04:11:43 (En Español)

Capturar el valor de un input[No resuelta]

Hola amigos, estoy tratando capturar los valores ingresados en el input pero no lo logro, me dice undefined.

var fila='<tr class="selected" id="fila'+cont+'" onclick="seleccionar(this.id);"><td>'+cont+'</td><td>'+$("#fk_animalito").val()+'</td><td>'+$("#fk_hora_sorteo").val()+'</td><td>'+$("#monto").val()+'</td></tr>';


Aquí el código completo, el cual funciona bien, el único problema que tengo es ese:
 <script>
	       $(document).ready(function(){
           

       
            $('#bt_add').keypress(function(event){
                 var keycode = (event.keyCode ? event.keyCode : event.which);
                 if(keycode == '13'){
                agregar(); 
                }
             });

              $( "#idFormulario" ).submit(function( event ) {
               event.preventDefault();
               });



		$('#bt_del').click(function(){
			eliminar(id_fila_selected);
		});


		$('#bt_delall').click(function(){
			eliminarTodasFilas();
		});
		

	});
	var cont=0;
	var id_fila_selected=[];
	function agregar(){
		cont++;

		var fila='<tr class="selected" id="fila'+cont+'" onclick="seleccionar(this.id);"><td>'+cont+'</td><td>'+$("#fk_animalito").val()+'</td><td>'+$("#fk_hora_sorteo").val()+'</td><td>'+$("#monto").val()+'</td></tr>';

       

		$('#tabla_ventas').append(fila);
		reordenar();
	}

	function seleccionar(id_fila){
		if($('#'+id_fila).hasClass('seleccionada')){
			$('#'+id_fila).removeClass('seleccionada');
		}
		else{
			$('#'+id_fila).addClass('seleccionada');
		}
		//2702id_fila_selected=id_fila;
		id_fila_selected.push(id_fila);
	}

	function eliminar(id_fila){
		/*$('#'+id_fila).remove();
		reordenar();*/
		for(var i=0; i<id_fila.length; i++){
			$('#'+id_fila[i]).remove();
		}
		reordenar();
	}

	function reordenar(){
		var num=1;
		$('#tabla_ventas tbody tr').each(function(){
			$(this).find('td').eq(0).text(num);
			num++;
		});
	}
	function eliminarTodasFilas(){
$('#tabla_ventas tbody tr').each(function(){
			$(this).remove();
		});

	}
</script>
Etiquetas: Javascript - JQuery - Pregunta Votos: 0 - Respuestas: 2 - Vistas: 17 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  • Fecha: 26-05-2017 10:10:44 Muestra tu estructura HTML.   Votos: 1 - Link respuesta
     
  • Fecha: 26-05-2017 10:42:37
    <form id="idFormulario" action="" method="POST">
    
    
    <!-- section -->
        <section>
             <div class="row">
               <div class="container">
          
      <?php
         $consulta = $DB_con->query("SELECT * FROM hora_sorteo ORDER BY id");
           if($consulta->rowCount() > 0){
              while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
    
        echo "<div class='col s6 m2'>";
        echo "<input type='checkbox' name='fk_hora_sorteo[]' id='chk1{$linea['id']}' value='{$linea['id']}'>";
        echo "<label class='black-text' for='chk1{$linea['id']}'>{$linea['hora_sorteo']}</label>";
        echo "</div>";
    
          
         }
    
     }
    
       else
    
    
              echo "<div class='col s12 card-panel yellow darken-2 center'>
              <h5 class='black-text text-darken-2 center CONDENSED LIGHT5'>¡ Advertencia: No se ha encontrado ningún registro !</h5>
              </div>";
    
    ?>
      
                  </div>
            </div>
       </section>
    
    
    
    
      <section>
          <div class="row">
    
    <?php
      $consulta = $DB_con->query("SELECT * FROM animalitos ORDER BY id");
        if($consulta->rowCount() > 0){
          $i=1;
            while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
        ?>  
    
           <div class="col s1 m1">
                <div class="chip">
                  <img src="../galerias_animalitos/<?= $linea['portada']?>"  alt="imagen animalitos"/>
                    <?php echo $linea['numero']; ?> <?php echo $linea['nombre']; ?>
               </div>
          </div>
    
    
    <?php
        $i++;
         }
      }
         else
    
    
                  echo "<div class='col s12 card-panel yellow darken-2 center'>
                  <h5 class='black-text text-darken-2 center CONDENSED LIGHT5'>¡ Advertencia: No se ha encontrado ningún registro !</h5>
                  </div>";
    
    ?>
             
               </div>
     </section>
    <!-- fin section -->
    
     
        <div class="row">
    
            <div class="col s12 m5">
    
                     <div class="input-field col s12 m4">
                     <input type="text" name="fk_animalito" autocomplete="off" required/>
                     <label for="descripcion" class="black-text ">Numero Animalito:</label>
                     </div>
    
    
                    <div class="input-field col s12 m4">
                    <input id="bt_add" type="text" name="monto" autocomplete="off" required/>
                    <label for="descripcion" class="black-text ">Monto:</label>
                    </div>
    
           <br>
                <br>
                <br>
           <br>
    
                  
                   <button class="btn waves-effect blue darken-4 btn-small" type="submit" name="guardar">Generar Jugada</button>
                
                   <button id="bt_del" class="btn waves-effect red btn-medium">Eliminar</button>
                   
                   <button id="bt_delall" class="btn waves-effect red btn-medium">Eliminar Todo</button>
             
    
    
                   <div class="col center s12 m12">
                      <h4 class="left-align black-text">Serial:             Total:</h4>
                   </div>
    
    
           </div>
    
    
    
    </form>
            <div class="col s12 m7">
    
                <div style=' overflow: auto; height: 250px;'>
            
                    <table id="tabla_ventas" class='bordered responsive-table centered'>
                        <thead>
                            <tr>
                                 <th data-field='N&#186;'>N°</th>
                                 <th data-field='N&#186;'>ANIMALITO</th>
                                 <th data-field='Código'>SORTEO</th>
                                 <th data-field='Código'>MONTO</th>
                                 
                            </tr>
                        </thead>
                    </table>
       
                </div>
            </div>
    
    
      </div>
    



    hice alguna modificaciones en el código pero nada que me resulta
    var fila='<tr class="selected" id="fila'+cont+'" onclick="seleccionar(this.id);"><td>'+cont+'</td><td>'+$('input[name="fk_animalito"]').val();+'</td><td>'+$($('input[name^="fk_hora_sorteo"]')[0]).val()+'</td><td>'+$('input[name="monto"]').val();+'</td></tr>';
    
      Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com