8

Tengo un formulario en mi pagina web en el cual necesito que cuando un usuario ingrese un Código en un input en otro input se auto complete el Nombre. Tengo el codigo que muestro a continuación, pero no hace nada. Tengo dos tablas: TablaCodigos: Codigo_p varchar ...

TablaPersonas Codigo_p varchar Nombre varchar ...

Mi script

<script type="text/javascript">
$("#Codigo_p").change(function () {
$.getJSON("/Solicitud/GetPersona?Codigo_p=" + $("#Codigo_p").val(), function (result) 
{
            var select = $("#nombreP");
            select.empty();
            $.each(result, function (index, itemData) {
            select.append($({
            value: itemData.Nombre
            }));
        });
    });
 }
</script>

Mi controlador

public JsonResult GetPersona(string Codigo_p)
{
  bd.Configuration.ProxyCreationEnabled = false;
  TablaPersonas nom_p = bd.TablaPersonas.Where(x => x.Codigo_p == Codigo_p).Single();
  return Json(nom_p, JsonRequestBehavior.AllowGet);
}             

HTML

<div class="form-group">
<div class="m-0 font-weight-bold text-primary subtitulo">Persona:</div>
<input type="text" class="form-control" id="nombreP" name="nombreP" placeholder="Nombre" readonly="" >
</div>

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

introducir la descripción de la imagen aquí

12
  • 1
    Porque tienes dos veces Codigo_pCodigo_p en el where?
    – alanfcm
    el 19 ago. 2019 a las 14:54
  • 1
    Fue error al copiar, gracias por la observacion @alanfcm
    – sunflower
    el 19 ago. 2019 a las 14:55
  • 1
    Que error te sale en javascript?
    – alanfcm
    el 19 ago. 2019 a las 14:57
  • 1
    Cannot read property 'Nombre' of null @alanfcm
    – sunflower
    el 19 ago. 2019 a las 15:01
  • 1
    Que te sale en consola cuando haces console.log(results) antes del each?
    – alanfcm
    el 19 ago. 2019 a las 15:06

2 respuestas 2

9
+50

No necesitas un bucle para iterar los resultados porque la respuesta es simplemente un objeto. Para setear el valor puedes igualar el valor del input a la propiedad que quieres asi:

$.getJSON("/Solicitud/GetPersona?Codigo_p=" + $("#Codigo_p").val(), function (result) 
{
            var select = $("#nombreP");
            select.empty();
            select.val(result.Nombre);                
        });
    });
 }

O para simplificar tu codigo, la siguiente linea es equivalente:

$("#nombreP").val(result.Nombre);
1
  • 3
    En este caso, de los varios que leo entre lineas, tampoco es necesario el empty()
    – KodiakMx
    el 19 ago. 2019 a las 16:20
3

De entrada veo que al select lo vacias antes de rellenar el otro input

var select = $("#nombreP");
select.empty();

Lo que yo haría es algo así

$("#Codigo_p").change(function(){
      var select = $("#nombreP");
      $('#id_input_a_rellenar').val(select);
});

Ojala te sirva!

1
  • 1
    Hola, asi como tal no me funciona porque ya no trae el valor del controlador, y id_input_a_rellenar debe ser nombreP, nose si me explico
    – sunflower
    el 16 ago. 2019 a las 19:48

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.