Why option element not appending inside both select tag only appending at last select tag? – Html
Html: <div class="from"> <select name="" class="droplistOptions" > <!--insert option element here--> </select> </div> <p class="to-seprator">To</p> <div class="to"> <select name="" class="droplistOptions" > <!--insert option element here also --> </select> </div> Javascript Code: const droplists = document.querySelectorAll('.droplistOptions'); countryNames = ['usa', 'India', 'china',…