J'ai un script dans mon fichier HTML que j'utilise pour générer un menu déroulant. En ce moment, le contenu du menu déroulant est codé en dur via un tableau que je définis dans le script, comme ceci:

  <script>
    let select = document.getElementById("selectJob");
    let options = ["Job 1", "Job 2", "Job 3", "Job 4", "Job 5"]; // Hard-coded array
    for (let i = 0; i < options.length; i++) {
      let opt = options[i];
      let a = document.createElement("a");
      a.textContent = opt;
      a.setAttribute('href', '#');
      a.addEventListener('click', () => {
        populateJobVal(opt)
      });
      a.setAttribute('class', 'btn btn-link');
      let li = document.createElement("li");
      li.appendChild(a);
      select.appendChild(li);
    }

    function populateJobVal(val) {
      document.getElementById("selection").value = val;
    }
  </script>

Ce que j'aimerais savoir, quel est le moyen le plus simple d'importer ces données à partir d'un fichier externe? Si, par exemple, j'ai un fichier JS externe qui renvoie un tableau, comment puis-je l'importer ici et l'utiliser dans mon script à la place du tableau codé en dur?

0
Ademo 7 nov. 2019 à 17:47