Come leggere il valore della voce selezionata di un menu html discesa in una funzione javascript

Question

Ho una forma in HTML che contiene un menu a discesa in questo modo

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

E voglio accedere al valore della selezionato opzione in una funzione javascript come

function someFunction(){ 

    //var option = value of selected menu option 
} 

Come faccio?

Answer 1

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

Impostare gadget come id per la select così, in questo modo:

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

Answer 2

assegnare id-select box "gadget":

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

ora ottenere il valore selezionato in javascript come sotto:

function GetSelectedItem() { 

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

    } 

Answer 3

Innanzitutto, assegnare un ID al tag <select>.

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

Quindi, ottenere il suo valore

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

Answer 4

È possibile accedere da id, come questo: =

<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

includono una idattribute per selezionare elementi e fare come sotto, io sono sicuramente funzionerò,

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) 

esempio: http://jsfiddle.net/zUBpz/

Answer 6

qui forme [0] è il numero di modulo a partire da 0 da cima a fondo pagina

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