1

Tengo este código html:

<div class="tutor">
  <div class="row">
    <div class="form-group col-md-4">
        <label>Nombre del Papá</label>
        <input type="text" class="form-control nombreTutorVal">
    </div>
    <div class="form-group col-md-4">
      <label>Apellido Paterno del Papá</label>
      <input type="text" class="form-control ape_paternoTutorVal">
    </div>
    <div class="form-group col-md-4">
      <label>Apellido Materno del Papá</label>
      <input type="text" class="form-control ape_maternoTutorVal">
    </div>
   </div>
   <div class="row">
    <div class="form-group col-md-4">
      <label>Calle</label>
      <input type="text" class="form-control calleVal">
    </div>
    <div class="form-group col-md-2">
      <label>Número</label>
      <input type="text" class="form-control numeroVal">
    </div>
    <div class="form-group col-md-4">
      <label>Colonia</label>
      <select class="form-control id_coloniaVal">
      </select>
    </div>
    <div class="form-group col-md-2">
      <label>Código Postal</label>
      <input type="text" class="form-control cpVal" onKeyPress="obtenerCP(event, $(this).parent());">
    </div>
   </div>  
  </div>
  <hr>
  <div class="tutor">
    <div class="row">
      <div class="form-group col-md-4">
       <label>Nombre de la Mamá</label>
       <input type="text" class="form-control nombreTutorVal">
      </div>
      <div class="form-group col-md-4">
        <label>Apellido Paterno de la Mamá</label>
        <input type="text" class="form-control ape_paternoTutorVal">
      </div>
      <div class="form-group col-md-4">
        <label>Apellido Materno de la Mamá</label>
        <input type="text" class="form-control ape_maternoTutorVal">
      </div>
     </div>
     <div class="row">
    <div class="form-group col-md-4">
      <label>Calle</label>
      <input type="text" class="form-control calleVal">
    </div>
    <div class="form-group col-md-2">
      <label>Número</label>
      <input type="text" class="form-control numeroVal">
    </div>
    <div class="form-group col-md-4">
      <label>Colonia</label>
      <select class="form-control id_coloniaVal">
      </select>
    </div>
    <div class="form-group col-md-2">
      <label>Código Postal</label>
      <input type="text" class="form-control cpVal" onKeyPress="obtenerCP(event, $(this).parent());">
    </div>
   </div>  
  </div>           

En una base de datos tengo almacenadas las colonias con su respectivo código postal.

Como pueden ver tengo dos div con una clase llamada tutor, puesto que en cada div se colocarán los datos del padre y de la mamá.

Cuando en el campo cpVal se escriba un código postal y se de enter, en el select id_coloniaVal se mostrarán las colonias que tengan el código postal escrito. Pero obviamente si el codigo postal se escribió en el div del padre las colonias se deberán mostrar en su respectivo select al igual que si el código postal se escribe en el div de la mamá las colonias deberán mostrarse en su respectivo select.

Tengo este código JQuery:

function obtenerCP(e, tutor)
{
    var code = (e.keyCode ? e.keyCode : e.which);
      if(code == 13){
       var cp = $(tutor).val();
       $(tutor).find('.calleVal').val(cp);
       return false;
      }
}

No logro hacer que funcione, como podría solucionar esto??

1 respuesta 1

1

Estas usando mal la funcion find(). La variable tutor contiene el input, por lo tanto no hay elementos hijos que buscar dentro de el. Lo que necesitas es buscar el elemento padre con la clase tutor mas cercano y utilizar find() en ese elemento. Quedaria asi:

function obtenerCP(e, tutor)
{
    var code = (e.keyCode ? e.keyCode : e.which);
      if(code == 13){
       var cp = $(tutor).val();
       $(tutor).parent(".tutor").find('.calleVal').val(cp);
       return false;
      }
}
2
  • No funciona, ni toma el valor del input que contiene la variable tutor ni encuentra el elemento .calleVal Commented el 25 ene. 2019 a las 16:40
  • En lugar de pasar $(this).parent() pasa solo this
    – alanfcm
    Commented el 28 ene. 2019 a las 14:37

Tu Respuesta

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

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