Internet Explorer

Question

bir SEÇ kutusunun değerini alma Ben seçilmiş bir kutu var:

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

Ve bu JavaScript vardır: her zaman boş gösterir

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

item1, asla seçeneği seçili. Ancak, bu, firefox'da çalışır.

Answer 1

Öğe.value kullanımı çok eski olanlar dışındaki tüm tarayıcılarda çalışır (Netscape 4 kimse?). Bu durumda işe yaramasın nedeni, seçeneklerde değer özniteliğiniz olmamasıdır. Her bir özellik için değer beyan etmelisiniz. Şu anda sahip olduğunuz, yalnızca hiçbir değer bildirilmediğinde varsayılan olarak varsayılan değer olan "metin" özelliğidir. Alternatif olarak, bu seçeneklerin her birinin "metin" ile aynı "değerine" sahip olması için pencere kaldırma olayındaki bazı kodları da itebilirsiniz. Eğer eski moda bir yoldur aşağıdaki kodu kullanabilirsiniz

üçüncü yolu seçmek,

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

Answer 2

zeyilname olarak 1. cevaplamak için < olarak dikkatli olmak> .selectedIndex olabilir -1 bazı <'a girildiğinde bir istisna atacak zamanlar> .options [n] öğesini seçin. Bu nedenle, hızlı bir test yapmak do isteyebilirsiniz:

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

DÜZENLEMEYİ

Başına Tim'in yorum, s.selectedIndex JavaScript ile ayarlarsanız -1 olabilir veya boş bir < seçme oluşturmak > kutu.

Answer 3

Seçenek etiketleriniz "value" değerine sahip olmadığından IE6 ve IE7 size boş bir dize döndürecektir. Böyle Seçenek nesnesinin "metin" alanından değerini okumalısınız: Öğe1 içinde

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

Eğer Firefox ve IE 8.

Answer 4

ile uyumluluğu bozmadan ihtiyaç değere sahip olacak Kod SEÇ kutusundan bir vaiable SütunAdı almaya çağırdı layerDetails.styleColumn ... TÜM tarayıcılarda da çalışır, (SEÇ etiket aynı ada ve kimliği vardır)

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