JSFiddle - React, Tailwind, and code Playground

by RomanFF

HTML

<select name="" id="country">
  <option value="Россия">Россия</option>
   <option value="Нидерланды">Нидерланды</option>
    <option value="Ирландия">Ирландия</option>
</select>

JavaScript

/* Дан селект со списком стран. Сделайте так, чтобы при выборе страны рядом появлялся еще и селект со списком городов из этой страны. */

let selectCountry = document.querySelector('#country');
let option = document.querySelectorAll('option');


selectCountry.addEventListener('change', addCity);

let arr = ['мичуринск','тамбов','чабаненок'];


function  addCity(){
	let newSelect = document.createElement('select');
  for (let i = 0; i < arr.length; i++){
  		newSelect.add(new Option(arr[i]));
  }
  document.body.appendChild(newSelect);
}