Créer une liste déroulante

Soit la liste déroulante suivante :

<select>
  <option value="frodon">Frodon Sacquet</option>
  <option value="sam">Sam Gamegie</option>
  <option value="merry">Meriadoc Brandebouc</option>
  <option value="pippin">Peregin Touque</option>
</select>

Elle peut facilement être crée avec le code suivant :

let listeDeroulante = document.createElement("select");

let tabValeur = ["frodon", "sam", "merry", "pippin"];
let tabTexte = ["Frodon Sacquet", "Sam Gamegie",
                "Meriadoc Brandebouc", "Peregin Touque"];

for (let i = 0; i < tabValeur.length; i++) {
  let option = document.createElement("option");
  option.value = tabValeur[i];
  option.innerHTML = tabTexte[i];
  listeDeroulante.appendChild(option);
}

document.body.appendChild(listeDeroulante);

Il ne faut surtout pas oublier la dernière ligne, puisque c'est elle qui ajoute la liste à la fin de l'élément body.