0

Buen dia, he tratado de obtener el valor seleccionado de un select mediante javascript por la propiedad name, pueden guiarme?, he visto muchos ejercicios donde se hace por id, pero lo deseo por name.

Tengo el siguiente codigo pero me funciona para obtener los valores por id del elemento:

 var selectUser = document.getElementById('User'); var strUser = e.options[e.selectedIndex].value;

Lo que deseo es obtener el valor mediante el name del elemento, lo estaba realizando de la siguiente manera, pero no me funciona:

 var selectUser = document.getElementByName('User'); var strUser = e.options[e.selectedIndex].value;

4
  • Lo estaba obteniendo por id de la siguiente manera: var selectUser = document.getElementById('User'); var strUser = e.options[e.selectedIndex].value; si me funciona de esa manera, pero si lo cambio por name de la siguiente manera no me funciona y esto es lo que requiero: var selectUser = document.getElementByName('User'); var strUser = e.options[e.selectedIndex].value;
    – PolloKulos
    Commented el 1 jul. 2019 a las 19:11
  • Esta actualizada
    – PolloKulos
    Commented el 1 jul. 2019 a las 19:16
  • 1
    Para empezar la función es incorrecta, colocaste getElementByName() cuando la función correcta es getElementsByName() y su uso es diferente al de getElementById(), te recomiendo leer la documentación oficial, pero te adelanto que lo que obtienes de esta función no es un elemento sino un vector de elementos. Commented el 1 jul. 2019 a las 19:23
  • ¿Qué es e? ¿Y que intentas obtener con el e.options[e.selectedIndex]?
    – asantana o
    Commented el 1 jul. 2019 a las 19:46

1 respuesta 1

0

Para seleccionar el elemento select por el nombre puedes utilizar:

document.querySelector("[name='user']"); 

A continuación un ejemplo:

var selectUser = document.querySelector("[name='user']"); 
selectUser.addEventListener("change",(e)=>{
console.log(selectUser.options[selectUser.selectedIndex].value);
})
<select name="user">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

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.