Nicht um ausgewählten Wert aus dem Listenfeld im IE 8

Nicht ausgewählten Wert aus dem Listenfeld im 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>

Ich bin immer der Wert wie folgt

var myvalue= document.getElementById("fileName").value;
alert(myvalue);
  • Funktioniert auf mozilla.........
  • definieren Sie im Listenfeld. Ist es eine ul/li, einem select-element oder was?
  • Keine einfache 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>
  • Ein select-element. Siehe Robert Grants Antwort.
  • und NickFitzs wenn Ihr sicher, dass es ein single-choice-form-Steuerelement.
  • Ja, ich dachte, ich würde spielen Sie sicher und gehen mit etwas, das funktioniert alles 🙂
  • ich bin mit single-choice-Kontrolle......

InformationsquelleAutor ank | 2009-11-12
  1. 7
    var select = document.getElementById("fileName");
var myvalue= select.options[select.selectedIndex].value;
alert(myvalue);

    select.value erscheint in die DOM-Spezifikation, aber wurde nie umgesetzt, DH. Die selectedIndex Eigenschaft funktioniert überall.

    UPDATE: wie anddoutoi weist in einem Kommentar zu der ursprünglichen Frage, dies wird vorausgesetzt, Sie sind mit einem single-item select.

    • Keine Rücksendung beliebigen Wert
    InformationsquelleAutor NickFitz
  2. 6
    var selectElement = document.getElementById("selectElementId");
var selectedValue = selectElement.options[selectElement.selectedIndex].value;

    Dies sollte geändert werden zu:

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

    Änderung der .value zu .text löst das problem und ist mit allen Browsern kompatibel.

    • ein großer Dank für die Antwort, habe gesucht, um für einen guten Weg, um das ausgewählte element aus dem Listenfeld, die für mehr als eine Stunde! =)
    • Vielen Dank, Es funktioniert gut!
    • vielen Dank, funktioniert wie ein Charme
    InformationsquelleAutor Neo
  3. 4

    Dein problem mit den HTML-Code. Zitat aus Ihrem Kommentar:

    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>

    Haben Sie tatsächlich geben Sie einen Wert für jede <option>. Versuchen Sie dies:

    <select id="fileName">
    <option id="my1Div" value="test1">test1</option>
    ...
    <option id="my5Div" value="test3">test3</option>
</select>
    • hi danke, ich war das erstellen option in der runtime habe ich nun auch hinzufügen, das value-Attribut es funktioniert..........
    • Tatsächlich ist die value Attribut ist optional: es wird standardmäßig der Inhalt des option. w3.org/TR/REC-html40/interact/forms.html#adef-value-OPTION
    • sollte habe es gerade getestet, funktioniert in Firefox, aber IE8 nicht standardmäßig auf den Inhalt.
    • Ich sollte noch hinzufügen: Wenn man immer den Wert von document.getElementById('fileName').value. Habe ich nicht getestet für die Verwendung selectedIndex.
    InformationsquelleAutor 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);

    Sowas?

    Edit: Tippfehler!

    • ja sowas aber es funktioniert nicht in meinem Fall.......
    InformationsquelleAutor Robert Grant
  5. 1
    var selectElement = document.getElementById("selectElementId");
var selectedValue = selectElement.options[selectElement.selectedIndex].value;
    • Keine Rücksendung beliebigen Wert
    InformationsquelleAutor BalusC
  6. 0

    Code ein vaiable columnName aus der SELECT-box genannt layerDetails.styleColumn (SELECT-tag haben gleichen Namen und Id), dass funktioniert auf ALLEN Browsern ...

    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;
    }
  }
    InformationsquelleAutor Ro.
Schreibe einen Kommentar