Sélectionnez l'option du menu déroulant avec javascript

Question

J'ai un menu déroulant et je ne sais pas comment faire pour qu'une fonction javascript sélectionne une option de menu déroulant. J'ai testé la sortie des variables et elles sont toutes correctes, mais il ne sélectionnera toujours pas l'option lorsque vous cliquez dessus. Voici la fonction et le menu déroulant.

Une fonction

function formFill(a, b, c){
        theform.from.value = a;
        theform.to.value = b;
        for(var i = 0;i < document.getElementById("stateSelect").length;i++){
            if(document.getElementById("stateSelect").options[i].value == c ){
                document.getElementById("stateSelect").selected = true;
            }
        }
    }

Élément du menu

<select id="stateSelect" name="stateSelect">
    <option value="none">(None)</option>
    <option value="AL">Alabama</option>
    <option value="AK">Alaska</option>

Answer 1

Modifiez la ligne qui se lit:

document.getElementById("stateSelect").selected = true;

à:

document.getElementById("stateSelect").selectedIndex = i;

Answer 2

Alt. vous pouvez définir l'option sélectionnée sur l'option réelle: select.options [i] .selected = true;

...
        var select = document.getElementById("stateSelect");
        for(var i = 0;i < select.options.length;i++){
            if(select.options[i].value == c ){
                select.options[i].selected = true;
            }
        }
...