Pierwsze wartość zaznaczyć pole w programie Internet Explorer

Question

Mam pole zaznaczania:

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

I mam ten JavaScript:

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

item1 zawsze pokazuje pusta, wybrana opcja nigdy. Działa to jednak w firefox.

Answer 1

Używanie item.value działa we wszystkich przeglądarkach poza bardzo bardzo starymi (Netscape 4 anyone?). Powodem, dla którego nie działa w tym przypadku, jest brak atrybutu wartości w opcjach. Należy zadeklarować wartość dla każdego atrybutu. To, co obecnie posiadasz, jest tylko własnością "tekstową", która zwykle jest wartością domyślną, gdy żadna wartość nie jest zadeklarowana. Alternatywnie możesz nacisnąć kod w zdarzeniu onload okna, aby "wartość" każdej z tych opcji była taka sama jak "tekst".

Trzeci sposób można użyć poniższy kod, który jest staromodny sposób:

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

Answer 2

jako załącznik do odpowiedzi nr 1, należy uważać jako < wybierz> .selectedIndex może być -1 niektóre razy, które rzucają wyjątek po przejściu w < wybierz> .options [n]. Jako taka, może chcesz rób szybki test:

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

EDIT

komentarz

Per Tima, s.selectedIndex może być -1 jeśli ustawić go za pośrednictwem JavaScript lub utworzyć pusty < wybierz > pudełko.

Answer 3

Ponieważ twoje tagi opcji nie mają atrybutu "wartość", IE6 i IE7 zwrócą ci pusty ciąg. Należy odczytać wartość z „tekstem” pola obiektu Option tak:

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

w Item1 będziesz mieć wartość co potrzeba bez zerwania kompatybilności z Firefox i IE 8.

Answer 4

Kod dostać vaiable columnName z pola SELECT zwane layerDetails.styleColumn (tag SELECT ma taką samą nazwę i ID), który działa we wszystkich przeglądarkach ...

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; 
    } 
    }