Impossible d'obtenir la valeur sélectionnée de la zone de liste dans IE 8

Impossible d'obtenir la valeur sélectionnée de la zone de liste dans IE 8

<select id="fileName" style="width: 100%;" size="3" name="uploadedfile">
<option id="my1Div">test1</option>
<option id="my3Div">test2</option>
<option id="my5Div">test3</option>
</select>

J'obtiens la valeur comme suit

var myvalue= document.getElementById("fileName").value;
alert(myvalue);
Fonctionne correctement sur mozilla.........
définir la zone de liste. Est-ce une ul/li, sélectionnez l'élément ou quoi?
Pas simple Option à cocher <select id="nom de fichier" style="width: 100%;" size="3" nom="uploadedfile"> <option id="my1Div">test1</option> <option id="my3Div">test2</option> <option id="my5Div">test3</option> </select>
Sélectionnez un élément qui est. Voir Robert Subventions de réponse.
et NickFitzs si votre sûr que c'est un choix unique de contrôle de formulaire.

OriginalL'auteur ank | 2009-11-12

  1. 7
    var select = document.getElementById("fileName");
var myvalue= select.options[select.selectedIndex].value;
alert(myvalue);

    select.value apparaît dans la spécification DOM, mais n'a jamais été mis en œuvre par IE. Le selectedIndex propriété fonctionne partout.

    Mise à JOUR: comme anddoutoi souligne dans un commentaire à la question d'origine, cela suppose l'utilisation d'un seul élément select.

    Ne pas retourner aucune valeur

    OriginalL'auteur NickFitz

  2. 5
    var selectElement = document.getElementById("selectElementId");
var selectedValue = selectElement.options[selectElement.selectedIndex].value;

    Cela devrait être changé pour:

    var selectElement = document.getElementById("selectElementId");
var selectedValue = selectElement.options[selectElement.selectedIndex].text;

    La modification de la .value à .text résout le problème et est compatible avec tous les navigateurs.

    un grand merci pour cette réponse, ont cherché pendant un bon moyen d'avoir sélectionné l'élément de zone de liste pendant plus d'une heure! =)
    Merci, Cela fonctionne bien!

    OriginalL'auteur Neo

  3. 4

    Votre problème est avec votre code HTML. Cité dans votre commentaire:

    No simple Option box <select id="fileName" style="width: 100%;" size="3" name="uploadedfile"> <option id="my1Div">test1</option> <option id="my3Div">test2</option> <option id="my5Div">test3</option> </select>

    Vous devez spécifier une valeur pour chaque <option>. Essayez ceci:

    <select id="fileName">
    <option id="my1Div" value="test1">test1</option>
    ...
    <option id="my5Div" value="test3">test3</option>
</select>
    salut merci j'ai été la création de l'option lors de l'exécution maintenant, j'ai également ajouter de la valeur de l'attribut, il est de travail..........
    En fait le value attribut est facultatif: il est par défaut le contenu de l'option. w3.org/TR/REC-html40/interact/forms.html#adef-value-OPTION
    devrait je l'ai juste testé, fonctionne dans Firefox, mais IE8 n'est pas par défaut pour le contenu.
    Je me dois d'ajouter: Lorsque vous obtenez la valeur de document.getElementById('fileName').value. Je n'ai pas fait de test pour l'utilisation de selectedIndex.

    OriginalL'auteur MalphasWats

  4. 1
    var listbox = document.getElementById("list");
for(var i=0; i<listbox.options.length; i++)
    if(listbox.options[i].selected)
        alert(listbox.options[i].value);

    Quelque chose comme ça?

    Edit: faute de frappe!

    oui quelque chose comme ça, mais il ne fonctionne pas dans mon cas.......

    OriginalL'auteur Robert Grant

  5. 1
    var selectElement = document.getElementById("selectElementId");
var selectedValue = selectElement.options[selectElement.selectedIndex].value;
    Ne pas retourner aucune valeur

    OriginalL'auteur BalusC

  6. 0

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

    OriginalL'auteur Ro.