Question

Hola chicos, buen día!
Tengo este select option donde la información que muestra es a partir de un procedimiento almacenado.

<select id="selectTitle" class="form-control" name="tipoApp" data-init-plugin="select2" required>
      <option value=" ">LANZAMIENTOS</option>
      @foreach (var x in ViewBag.titulos)
      { 
      <option value="@x.TIT_LANZ">@x.TIT_LANZ</option>
      }
 </select>

Con esto me muestra los títulos que tengo almacenados en la base de datos.
Y este seria mi procedimiento almacenado que uso para buscar dichos títulos.

ALTER PROCEDURE [LANDINGPAGE].[SELECT_LANZAMIENTO]
  @P_PAIS VARCHAR(200)
AS
    select NUMB_ID_DASHBOARD AS ID_DASH,
       TITULO_LANZAMIENTO AS TIT_LANZ,
       PAIS as PAIS
    FROM LANDINGPAGE.PORTAL
    where NUMB_ESTATUS = 1 AND PAIS = @P_PAIS

Lo que busco es que cuando seleccione un título de lanzamiento me muestre la información que corresponde a dicho título.

Si alguien me puede ayudar se los agradeceria.

Answer 1

Hola @AFRG1995 puedes hacer esto con JS, al seleccionar un valor en el option con la funcion OnChange puedes activar una funcion recoger el valor del item seleccionado en el select y realizar una consulta mediante AJAX para mostrar la informacion en base al valor de la opcion seleccionada.

<script>
 function mostrar_info()
{
$('select#selectTitle').on('change',function(){
   valor = $(this).val();
    $.ajax({
    data: {"valor" : valor},
    type: "POST",
    dataType: "json",
    url: "url donde este tu controlador o funcion",
})
 .done(function( data, textStatus, jqXHR ) {
      //repuesta corercta muestra lo que necesites
 })
 .fail(function( jqXHR, textStatus, errorThrown ) {
      //respuesta incorrecta
});    
});
}
</script>

*puede ser de varias formas este codigo solo es un ejemplo