[JavaScript] Cargar valores de una función de JS a un select en HTML

25 abril, 2018 0

0 0

HTML:

<form id='miFormulario'>
<select name="provincia" id="provincia">
    <option value="">Seleccione una Provincia...
</select>
</form>

<option value="">Seleccione una Provincia...

</select>

</form>

JavaScript:

miformulario = document.querySelector('#miFormulario');
window.addEventListener("load", function() {
        cargarProvincias(event);
    }, false);

//Funcion para cargar las provincias al campo "select".
function cargarProvincias() {
    //Inicializamos el array.
    var array = ["Cantabria", "Asturias", "Galicia", "Andalucia", "Extremadura"];
    //Ordena el array alfabeticamente.
    array.sort();
    //Pasamos a la funcion addOptions(el ID del select, las provincias cargadas en el array).
    addOptions("provincia", array);
}

//Funcion para agregar opciones a un <select>.
function addOptions(domElement, array) {
    var selector = document.getElementsByName(domElement)[0];
    //Recorremos el array.
    for (provincia in array) {
        var opcion = document.createElement("option");
        opcion.text = array[provincia];
        selector.add(opcion);
    }
}

miformulario = document.querySelector('#miFormulario');

window.addEventListener("load", function() {

cargarProvincias(event);

}, false);

//Funcion para cargar las provincias al campo "select".

function cargarProvincias() {

//Inicializamos el array.

var array = ["Cantabria", "Asturias", "Galicia", "Andalucia", "Extremadura"];

//Ordena el array alfabeticamente.

array.sort();

//Pasamos a la funcion addOptions(el ID del select, las provincias cargadas en el array).

addOptions("provincia", array);

}

//Funcion para agregar opciones a un <select>.

function addOptions(domElement, array) {

var selector = document.getElementsByName(domElement)[0];

//Recorremos el array.

for (provincia in array) {

var opcion = document.createElement("option");

opcion.text = array[provincia];

selector.add(opcion);

}

About author

PandaGG

Lok'tar ogar

Cancelar la respuesta

Últimos tweets

¡Nuestra guía del #FarCry5 ya ha llegado , entra para ver más sobre este fantástico juego! https://t.co/gfOKSPQsHi32Hace dias
RT @Imakrogan: Eeeh @Yuzuriha95 y yo hemos creado una guild, uníos si queréis =D https://t.co/S6qf1zHepe72Hace dias
¡No te pierdas los libros de the Witcher! Te enseñamos toda la cronología. #libros #thewitcher https://t.co/jI8ipNgdZs242Hace dias
¡Conoce nuestra Guía Fortnite Battle Royale PS4. Desafíos, Trucos y Consejos 2019! #fortnite #ps4 https://t.co/1nlG58tLMKHace más de un año
¡Mira nuestra Guía Detroit: Become Human PS4: Trucos, Consejos y Secretos 2019! #detroit # #ps4 https://t.co/Atoz8Eb6t6Hace más de un año

¿Qué tipo de contenido queréis más?