Как вытащить результат из селекта и передать в следующий запрос?

Question

[mraser]

Есть первый запрос по api, приходит ответ - я оттуда беру только параметр с городами и закидываю в первый селект. Получается список из городов.
Далее нужно после выбора города из этого списка (например, Киев), этот город передался в другой запрос
Как вытащить результат с выбранным городом и передать во второй запрос?

https://jsfiddle.net/o27zvk41/

Comments

[Дмитрий]

У элементов, в том числе и селекта есть событие onchange,в нем получаете выбранный результат и делаете с ним что пожелаете

Answer 1

[0xD34F]

<select id="city"></select>
<select id="warehouse"></select>

const citySelect = document.querySelector('#city');
const warehouseSelect = document.querySelector('#warehouse');

citySelect.addEventListener('change', function() {
  updateSelectOptions(warehouseSelect, {
    calledMethod: 'getWarehouses',
    methodProperties: {
      CityName: this.value,
    },
  });
});

updateSelectOptions(citySelect, {
  calledMethod: 'getCities',
  methodProperties: {
    FindByString: '',
  },
});



function updateSelectOptions(selectEl, queryData) {
  fetch('https://api.novaposhta.ua/v2.0/json/', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      modelName: 'Address',
      apiKey: '',
      ...queryData,
    }),
  })
    .then(r => r.json())
    .then(r => selectEl.innerHTML = r.data
      .map(n => `<option>${n.Description}</option>`)
      .join('')
    );
}