dynamisch wählen Sie den Wert aus der drop-down-Liste

Habe ich die folgenden drop-down-Liste:

<select name="selSS1" id="select_value">
    <option value="val0">sea zero</option>
    <option value="val1">sea one</option>
    <option value="val2">sea two</option>
    <option value="val3">sea three</option>
    <option value="val4">sea four</option>
</select>

Ich würde gerne dynamisch wählen Sie einen Wert aus dieser Liste aus, mit javascript:

Habe ich versucht:

document.getElementById('select_value').selected ="val3";

Aber der obige code scheint nicht zu funktionieren. Jede Hilfe wird am meisten geschätzt.

InformationsquelleAutor Kim | 2012-04-02
  1. 5

    Verwenden Sie die folgende Zeile:

     document.getElementById('select_value').value ="val3";

or 

    document.getElementById('select_value').selectedIndex = 3;

    Hoffe, das löst das ur-problem.

    • Danke, die erste option scheint getan haben, der trick 🙂
    • gut, der code ersetzt den ausgewählten Wert nicht abrufen, so werden die Fragen falsch ist
    InformationsquelleAutor AmGates
  2. 1
    $('#select_value').val('val0');
    InformationsquelleAutor Pratik Bhatt
  3. 0

    versuchen:

    var mySelect = document.getElementById('select_value');
mySelect.getElementsByTagName('option')[index].setAttribute('selected','selected');

    wobei der index steht für die position der option, die Sie auswählen möchten.

    InformationsquelleAutor Th0rndike
  4. 0

    Mit plain JavaScript:

    var element = document.getElementById("select_value");
var selectedValue = element.options[element.selectedIndex].value;
    InformationsquelleAutor Bogdan Emil Mariesan
  5. 0

    Versuchen Sie es auf diese Weise:

    document.getElementById('select_value').option[3].selected;

    InformationsquelleAutor Rafael Marques
  6. 0

    Wird diese Option val 3

    document.getElementById('select_value').selectedIndex=3;
    InformationsquelleAutor Kunal Vashist
  7. 0

    Wenn Sie wollen, um den gewählten durch den Wert, versuchen Sie diese Funktion. Durch die Deklaration einer Funktion, so werden Sie diese Funktionalität verwenden zu können, mit jeder wählen :).

    //Einfachste version

    function setSelected(select_id,value){

    document.getElementById(select_id).value = value;

}

    //Oder komplexe version

    function setSelected(select_id,value){

    var mySelect = document.getElementById(select_id);
    var options = mySelect.options;
    var key;
    for(key in options){

        if(options[key].value===value){
            options[key].setAttribute("selected","");
        }
        else
            options[key].removeAttribute("selected");
    }
}

    in Ihrem Fall: 

    setSelected("select_value","val3");
    • Ich habe es getestet und es funktioniert einwandfrei 🙂
    InformationsquelleAutor Javier Cobos
Schreibe einen Kommentar