1

Tengo el siguiente for que inserta dentro de un modal (después del box-body) lo siguiente:

for (var i = 0; i < numCa; i++) {
  console.log("indice", i);
  $(".box-body").append('<div class="form-group linea"><div class="input-group"><span class="input-group-addon"><i class="fa fa-user"></i></span><input type="text" class="form-control input-lg" id="caja ' + i + '" name="caja ' + i + '" value="" required></div></div>');
 }

Cuando sale del foco quiero saber el id de dónde se está saliendo pero da undefined:

$(document).on('blur', '.linea', function() {
    console.log($(this).id);
});

¿ Cómo puedo saber el valor y el id correctamente?

1
  • Correcto, quiero saber el id del input
    – Baker1562
    el 19 feb. 2018 a las 0:30

1 respuesta 1

2

Si lo que desea es saber el id del input , haga la búsqueda de este de la siguiente forma. input[type="text"].form-control buscará los input de tipo texto que tengan la clase form-control , hay que tener cuidado con esta clase ya que se le añade a la mayoría de componentes de entrada con bootstrap. (puede decidir agrear una clase única para estos componentes y sería de forma más directa)

Además como el componente con la clase .box-body ya existe en el DOM puede utilizar este para escuchar los eventos y reemplazar el document.

$('.box-body').on('blur', '.linea', function() {
    console.log("ID " + $(this).find('input[type="text"].form-control').attr('id'));
    console.log("Valor del Input " +$(this).find('input[type="text"].form-control').val());
});

for (var i = 0; i < 10; i++) {
  $(".box-body").append('<div class="form-group linea"><div class="input-group"><span class="input-group-addon"><i class="fa fa-user"></i></span><input type="text" class="form-control input-lg" id="caja ' + i + '" name="caja ' + i + '" value="" required></div></div>');
}
.linea{
  background : #ccc;
  width: 200px;
  height: 50px;
  margin :2em;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<div class="box-body">
	
</div>

3
  • Excelente, dime para obtener el value es cambiado el valor id por value usando la misma salida? Porque ya lo puse y da en blanco console.log($(this).find('input[type="text"].form-control').attr('value'));
    – Baker1562
    el 19 feb. 2018 a las 0:43
  • 1
    para obtener el valor $(this).find('input[type="text"].form-control').val() se me escapó ese detalle en mi respuesta. ahora la modifico
    – Dev. Joel
    el 19 feb. 2018 a las 0:44
  • 1
    Muchas gracias.
    – Baker1562
    el 19 feb. 2018 a las 0:50

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.