Как добавить выпадающее значение на JavaScript динамически?

Question

Я получаю значения из API, и теперь я хочу добавить эти значения в выпадающий список. Я пробовал следующим образом: My HTML:

    <div class="job-filter-dropdown same-pad location">
                                <select class="selectpicker" id="location">
                                    <option value="" selected>Location</option>

                                </select>
                            </div>

, и я написал функцию, откуда я пытаюсь чтобы добавить значение, которое:

   function loadLoc(data){
                len = data.length;
                console.log(data);
                for(x=0;x<len;x++){
                         $('#location').append('<option value="california">'+data[x].name+'</option>');
                          }
                       }

что я сделал не так: (

Answer 1

Ваш код в порядке. Я обновил его, поэтому попробуйте это: ссылка

HTML

<div class="job-filter-dropdown same-pad location">
  <select class="selectpicker" id="location">
    <option value="" selected>Location</option>
  </select>
</div>

JS:

  function loadLoc(data) {
    len = data.length

    console.log(data)

    for(let item of data) {
      $('#location').append(`<option value="california">${ item.name }</option>`)
    }

  }

const list = [
  { name: 'California' },
  { name: "Russia" },
  { name: "Israel" }
]

window.onload = () => {
  loadLoc(list)
}