селекторы js как лучше реализовать

есть селектор

-----html-------

<select   id="slct1" name="slct1" onchange="popular(this.id,'slct2')" >
            <option value="">select country</option>
            <option value="ukr" onchange="myFunc(this.id)">ukraine</option>
            <option value="usa" onchange="myFunc(this.id)">USA</option>
           <option value="italia"onchange="myFunc(this.id)">italia</option>
        </select>

------js-------

 function popular(s1,s2){
  var s1=document.getElementById(s1);
  var s2=document.getElementById(s2);
 s2.innerHTML='';
 if(s1.value == "ukraine"){
    var optionArray=['|','kiev|Kiev','lviv|Lviv','Harkov|Harkov'];
   }
 else if (s1.value == "usa"){
    var optionArray=['|','new-york|new-york','san francisco|san 
 francisco','vashington|vashington'];
 }
 else if (s1.value == "italia"){
    var optionArray=['|','venecia|venecia','verona|verona','turin|Turin'];
 }
  for(var option in optionArray){
    var pair = optionArray[option].split("|");
    var newOption = document.createElement("option");
    newOption.value = pair[0];
    newOption.innerHTML = pair[1];
    s2.options.add(newOption);
 }

как c помощью массива подключить к нему изображения,чтобы у каждого города отображались соответствующие картинки,селектор работает и по выбору страны выпадает список городов,нужно еще по выбору города вывод картинки