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

  • 0 Respuestas
  • 244 Vistas

Valarjar
Hijo de Odyn

HTML:
Código: HTML5
  1. <form id='miFormulario'>
  2. <select name="provincia" id="provincia">
  3.     <option value="">Seleccione una Provincia...
  4. </form>
  5.  

JavaScript:
Código: Javascript
  1. miformulario = document.querySelector('#miFormulario');
  2. window.addEventListener("load", function() {
  3.          cargarProvincias(event);
  4.     }, false);
  5.  
  6. //Funcion para cargar las provincias al campo "select".
  7. function cargarProvincias() {
  8.     //Inicializamos el array.
  9.     var array = ["Cantabria", "Asturias", "Galicia", "Andalucia", "Extremadura"];
  10.     //Ordena el array alfabeticamente.
  11.     array.sort();
  12.     //Pasamos a la funcion addOptions(el ID del select, las provincias cargadas en el array).
  13.     addOptions("provincia", array);
  14. }
  15.  
  16.  
  17. //Funcion para agregar opciones a un <select>.
  18. function addOptions(domElement, array) {
  19.     var selector = document.getElementsByName(domElement)[0];
  20.     //Recorremos el array.
  21.     for (provincia in array) {
  22.         var opcion = document.createElement("option");
  23.         opcion.text = array[provincia];
  24.         selector.add(opcion);
  25.     }
  26. }
  27.