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

[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

[macomics]

Но на исходной странице не <select>

<button type="button" class="multiselect dropdown-toggle btn btn-default" data-toggle="dropdown" style="width: 400px; overflow: hidden; text-overflow: ellipsis;" title="Select First Level Category" aria-expanded="true"><span class="multiselect-selected-text">Select First Level Category</span> <b class="caret"></b></button>
 <ul class="multiselect-container dropdown-menu">
  <li><a tabindex="0">
   <label class="checkbox">
    <input type="checkbox" value="2"> Apparel &amp; Garments
   </label></a>
  </li>
  <li><a tabindex="0">
   <label class="checkbox">
    <input type="checkbox" value="3"> Automobile Parts
   </label>
  </a></li>
  <li><a tabindex="0">
   <label class="checkbox">
    <input type="checkbox" value="4"> Construction Material
   </label></a>
  </li>
  <li><a tabindex="0">
   <label class="checkbox">
    <input type="checkbox" value="1"> Electronics &amp; Electrical
   </label>
  </a></li>
 </ul>

Вот так описан на исходной странице первый выпадающий элемент.