Como lee el valor del elemento seleccionado de un menú HTML desplegable en una función de JavaScript

Question

Tengo un formulario en HTML que contiene un menú desplegable como tal

<form name= "gadget_selector"> 
    <select name= "gadget"> 
     <option value = 0> Something </option> 
     <option value = 1> Something else </option> 
     //etc.. 
    </select> 
</form> 

Y quiero acceder al valor de los seleccionados opción en una función de Javascript como

function someFunction(){ 

    //var option = value of selected menu option 
} 

¿Cómo puedo hacer esto?

Answer 1

var option = document.getElementById('gadget').value; 

Establecer gadget como el id para el selecto así, como este:

<select id="gadget" name="gadget"> 
     <option value = 0> Something </option> 
     <option value = 1> Something else </option> 
     //etc.. 
    </select> 

Answer 2

asignar id-select box "Gadget":

<select name= "gadget" id="gadget"> 
    <option value = 0> Something </option> 
     <option value = 1> Something else </option> 
     //etc.. 
    </select> 

ahora ser seleccionado valor en javascript como a continuación:

function GetSelectedItem() { 

    var option = document.getElementById('gadget').value; 

    } 

Answer 3

Primero, asigne una identificación a su etiqueta <select>.

<select id='gadget' name= "gadget"> 

A continuación, obtener su valor

if (document.getElementById('gadget')) { 
    var val = document.getElementById('gadget').value; 
    alert(val); 
} 

Answer 4

Puede acceder por id, como esto: =

<form name= "gadget_selector" > 
     <select name= "gadget" id='sel'> 
      <option value = 0> Something </option> 
      <option value = 1> Something else </option> 
      //etc.. 
     </select> 
    </form> 


    function getvalue(){ 

     if(document.getElementById('sel')) 
     { 
     alert(document.getElementById('sel').value); 
     var option = document.getElementById('sel').value; 
     } 

    } 

Answer 5

incluir un idattribute para seleccionar el elemento y hacer como abajo, yo soy seguro que voy a trabajar,

var obj = document.getElementById("gadget"); 
alert(obj.value); // returns selected option value (1st method) 
var selectedOption = obj.options[obj.selectedIndex]; // returns selected option element 
alert(selectedOption.value); // return selected option value (2nd method) 

ejemplo: http://jsfiddle.net/zUBpz/

Answer 6

aquí formas [0] es el número del formulario a partir de 0, de arriba a abajo de la página

function someFunction(){ 
    var option = window.document.forms[0].gadget.value; 
}