javascript - menus - lista desplegable html5

Seleccione la opción del menú desplegable con javascript

Question

Tengo un menú desplegable y no puedo descubrir cómo hacer que una función de javascript seleccione una opción de menú desplegable. He probado la salida de las variables y todas son correctas, pero todavía no seleccionará la opción cuando se haga clic. Aquí está la función y el menú desplegable.

Función

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

Opción del menú

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

Answer 1

Alt. puede configurar seleccionado a la opción real: seleccione.opciones [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;
            }
        }
...

Answer 2

Cambia la línea que dice:

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

a:

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