Obtention de la valeur d'une zone SELECT dans Internet Explorer

J'ai une boîte de sélection:

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

Et j'ai cette JavaScript:

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

item1 montre toujours vide, jamais l'option sélectionnée. Toutefois, cela fonctionne dans les firefox.

source d'informationauteur bmw0128

  1. 23

    À l'aide de l'élément.valeur fonctionne pour tous les navigateurs, sauf très très anciens (Netscape 4 anyone?). La raison pour laquelle cela ne fonctionne pas dans ce cas est parce que vous n'avez pas la valeur de l'attribut dans les options. Vous devez déclarer la valeur pour chaque attribut. Ce que vous avez actuellement n'est qu'un "texte" de la propriété, qui, normalement, valeur par défaut lorsqu'aucune valeur n'est déclaré. Alternativement, vous pouvez pousser un peu de code dans la fenêtre de l'événement onload de faire de la "valeur" de chacune de ces options de même que le "texte".

    Une troisième façon, vous pouvez utiliser le code ci-dessous, qui est à l'ancienne:

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

    Depuis votre option balises n'ont pas l'attribut "value" IE6 et IE7 vais vous renvoyer une chaîne vide.
    Vous devriez lire la valeur de "champ" texte de l'Option objet comme ceci:

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

    dans item1 vous aurez la valeur que vous avez besoin sans casser la compatibilité avec Firefox et IE 8.

  3. 3

    Comme un additif à répondre #1, être prudent, comme <select>.selectedIndex peut être -1, à certains moments, ce qui lève une exception lorsqu'il est passé dans le <select>.les options de[n]. En tant que tel, vous pouvez faire un test rapide:

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

    MODIFIER

    Par Tim commentaire, s.selectedIndex peut être -1 si vous définissez via JavaScript ou vous créer un vide <select> boîte de.

  4. 1

    Code pour obtenir un vaiable columnName dans la boîte de sélection appelé layerDetails.styleColumn (balise SELECT même nom et Id), qui fonctionne sur TOUS les navigateurs ...

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