1

Estoy trabajando en un proyecto PHP y uso el framework Laravel 5.4, y quiero obtener el id seleccionado de un select.

Y así es como tengo mi select y como es que lo lleno con los datos:

<select name="location_id" id="addLocationIdReq" onchange="ShowSelected();">
    <option value="" disabled selected >Seleccione un inventario:</option>
    <option value="">Otro</option>
    @foreach($locations as $location)
        <option value="{{$location->id}}">{{$location->name}}
    @endforeach
</select>

Bien y es así como muestra los diferentes campos que tengo en mi base de datos, pero quiero saber cómo obtener el id de los option, y guardarlo en una variable y quiero mostrarlo en un alert (esto es solo a modo de prueba).

Intenté hacerlo con JavaScript, pero no resultó:

function ShowSelected()
{
    var cod = document.getElementById("location_id").value;
    alert(cod);
}

Y es que quiero obtener ese id, para hacer una especie de validación: Depende que locación se haya seleccionado , así es como mostrara los inventarios que están asociados a esta locación, y es por eso que necesito obtener el id de la locación.

2
  • El id location_id que intenta seleccionar no es correcto (a menos que tenga otro select con ese id) , el id del select es addLocationIdReq debería funcionar con var cod = document.getElementById("addLocationIdReq").value;
    – Dev. Joel
    Commented el 3 jul. 2017 a las 19:59
  • Muchas Gracias Dev. la verdad es que estoy aprendiendo a usar Javascript, con tu comentario, ya aparece el alert Commented el 3 jul. 2017 a las 20:07

2 respuestas 2

3

Dentro de tu archivo JS que referencias a tu página, con JQUERY y menor líneas de código puedes obtener el ID de la opción que seleccionas de tu SELECT con esta 2 líneas de código

$(document).ready(function(){
var id = $('#addLocationIdReq').val();    //#addLocationIdReq es el identificador
                                          // de tu elemento
alert(id);
});

Y con eso te debería de desplegar el ID de la opción seleccionada.

1

Tu select tiene el id addLocationIdReq

Por lo que tu JS podría ser algo así:

var select = document.getElementById("addLocationIdReq"); /*Obtener el SELECT */
var valor = select.options[select .selectedIndex].value; /* Obtener el valor */
2
  • Accediendo a value ya obtendremos el value del option seleccionado. no es necesario todo el proceso que realizó.
    – Dev. Joel
    Commented el 3 jul. 2017 a las 20:11
  • Es un buen dato, muchas gracias por comentarla.
    – Reynald0
    Commented el 3 jul. 2017 a las 20:18

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.