Взаимозависимые выпадающие списки с возможностью выбрать несколько ответов отображаются неправильно

[DellXT]

Здравствуйте. В своей контактной форме пытаюсь интегрировать один фрагмент кода. Это взаимозависимые выпадающие списки с возможностью выбрать несколько ответов (ну, дропдауны с чекбоксами, значения которых зависит от выбора в прежнем дропдауне). В любом случае после интеграции они отображаются в виде простого списка, пока не снимаю тег 'multiple'. Но тогда пропадает возможность выбрать несколько значений. Может кто-нибудь знает, в чем проблема?
Дропдауны должны работать так: http://demo.webslesson.info/muli-sel...pdown-listbox/.
Все связанные коды тут: https://www.webslesson.info/2018/04/...-php-ajax.html
И вот как это выглядит сейчас: https://ibb.co/VJ78rkS.
Полный index.php: https://pastebin.com/fxG0U9XH

[Арафат32]

Здравствуйте. Но какой смысл делать multiple, если от выбора в предыдущем списке зависит содержимое всего следующего? Тогда в предыдущем должен быть только один выбор.
В общем, я когда-то делал зависимые списки, может пригодится:

var all_regions=[];
var all_cites=[[],[],[]];
  
all_regions[0]=["московская обл","ростовская обл","саратовская обл"];
all_regions[1]=["варшавская обл","люблинская обл","вроцлавская обл"];
all_regions[2]=["минская обл","брестская обл","гроднинская обл"];
  
all_cites[0][0]=["Москва","Химки","Калуга"];
all_cites[0][1]=["Такой-то город","Такой-то город","Калуга"];
all_cites[0][2]=["Такой-то город","Такой-то город","Такой-то город"];
  
all_cites[1][0]=["Роток","Отвоск","Пулавы"];
all_cites[1][1]=["Хелм","Свидник","Пяски"];
all_cites[1][2]=["Познань","Радомышль","Щецин"];
  
all_cites[2][0]=["Минск","Такой-то город","Такой-то город"];
all_cites[2][1]=["Брест","Такой-то город","Такой-то город"];
all_cites[2][2]=["Гродно","Такой-то город","Вильно"];
  
country_id.onchange=function(){
    region_id.disabled=false;
    region_id.innerHTML="<option value='0'>- Выберите регион -</option>";
    myregion=this.value-1;
    if(myregion!=-1){
        for(var i=0;i<all_regions[myregion].length;i++){
            region_id.innerHTML+='<option value="'+(i+1)+'">'+all_regions[myregion][i]+'</option>';
        }
    }else{
        region_id.disabled=true;
        city_id.disabled=true;
    }
}
  
region_id.onchange=function(){
    city_id.disabled=false;
    city_id.innerHTML="<option value='0'>- Выберите город -</option>";
    var mycite=this.value-1;
    if(mycite!=-1){
        for(var i=0;i<all_cites[myregion][mycite].length;i++){
            city_id.innerHTML+='<option value="'+(i+1)+'">'+all_cites[myregion][mycite][i]+'</option>';
        }
    }else{
        city_id.disabled=true;
    }
}