Come aggiungere un elenco a discesa () a livello di codice?

2022-07-29 13:30:22

---

Voglio creare una funzione per aggiungere a livello di codice alcuni elementi in una pagina.

Diciamo che voglio aggiungere un elenco a discesa con quattro opzioni:

<select name="drop1" id="Select1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Come posso farlo?

- Christos Baziotis

Source

Risposta

---

88

• Funzionerà (solo JS, aggiungendo un div di id myDiv):

  Demo: http://jsfiddle.net/4pwvg/

  var myParent = document.body;
  
  //Create array of options to be added
  var array = ["Volvo","Saab","Mercades","Audi"];
  
  //Create and append select list
  var selectList = document.createElement("select");
  selectList.id = "mySelect";
  myParent.appendChild(selectList);
  
  //Create and append the options
  for (var i = 0; i < array.length; i++) {
      var option = document.createElement("option");
      option.value = array[i];
      option.text = array[i];
      selectList.appendChild(option);
  }

Tag simili

domande correlate

u Python può generare un numero casuale che esclude un insieme di numeri, senza usare la ricorsione?

S Comprensione dell'elenco, controlla se l'articolo è unico

R Copertura del progetto multimodulo Jacoco Maven

J Come abbinare un dizionario vuoto in Javascript?

M regex VS contiene. La prestazione migliore?

Copyright 2022 @ StackTranslate. Tutti i diritti riservati.