Ottenere il valore di una casella di selezione in Internet Explorer

Question

ho una casella di selezione:

<select id="item1" name="Item 1"> 
    <option> </option> 
    <option> Camera </option> 
    <option> Microphone </option> 
    <option> Tripod </option> 
</select> 

E ho questa JavaScript:

var item1= document.getElementById("item1").value; 

item1 mostra sempre vuoto, mai l'opzione selezionata. Tuttavia, questo funziona in firefox.

Answer 1

Utilizzare item.value per tutti i browser tranne quelli molto vecchi (Netscape 4 chiunque?). Il motivo per cui non funziona in questo caso è perché non hai un attributo value nelle opzioni. Dovresti dichiarare il valore per ogni attributo. Ciò che si ha attualmente è solo la proprietà "text", che normalmente viene valorizzata automaticamente ogni volta che non viene dichiarato alcun valore. In alternativa è possibile inserire del codice nell'evento onload della finestra per rendere il "valore" di ciascuna di queste opzioni come "testo".

Un terzo modo è possibile utilizzare il codice qui sotto, che è la vecchia maniera:

var s = document.getElementById('item1'); 
var item1 = s.options[s.selectedIndex].value; 

Answer 2

Come un addendum per rispondere 1 #, fare attenzione come < selezionare> .selectedIndex può essere un po '-1 i tempi che generano un'eccezione quando passati a < selezionare> .options [n]. Come tale, si potrebbe desiderare facciamo un test rapido:

var s = document.getElementById('item1'); 
var item = (-1 != s.selectedIndex)? 
       s.options[s.selectedIndex] : null; 

EDIT

commento di

Per Tim, s.selectedIndex può essere -1 se lo si imposta tramite JavaScript o si crea un vuoto < select > scatola.

Answer 3

Poiché i tag di opzione non hanno l'attributo "valore" IE6 e IE7 restituiscono una stringa vuota. Si consiglia di leggere il valore dal campo "Testo" dell'oggetto Option in questo modo:

var item1 = s.options[s.selectedIndex].text; 

in voce1 avrete il valore desiderato senza rompere la compatibilità con Firefox e IE 8.

Answer 4

il codice per ottenere un vaiable columnName dalla casella di selezione chiamato layerDetails.styleColumn (SELEZIONA variabile ha lo stesso nome e Id), che funziona su tutti i browser ...

var columnName = document.getElementsByName('layerDetails.styleColumn')[0].value; 
if (columnName == null || columnName == '') 
    { 
    columnName = document.getElementById('layerDetails.styleColumn').value; 
    } 

if (columnName == null || columnName == '') 
    { 
    var select = document.getElementById('layerDetails.styleColumn'); 
    columnName= select.options[select.selectedIndex].value; 
    if (columnName == null || columnName == '') 
    { 
    columnName= select.options[select.selectedIndex].text; 
    } 
    }