BX.PopupWindowManager

Версия битрикс 23.675.0
На случай если у вас не что-то не работает, скидываю это, потому что есть отличия в старых коментах

Принимаемые настройки BX.PopupWindowManager (путь /bitrix/js/main/popup/src/popup/popup-types.js):

Dreamsite.all = function () {
$(document).ready(function() {
   $('.otus_popup_window').on('click', function(event) {
       event.preventDefault();
       var popup = BX.PopupWindowManager.create("popup-message", BX('element'), {
           content:
               '<select name="country" id="country">\n' +
               '  <option value="bra" selected>Бразилия</option>\n' +
               '  <option value="rus">Россия</option>\n' +
               '  <option value="ind">Индия</option>\n' +
               '  <option value="chn">Китай</option>\n' +
               '  <option value="zaf">ЮАР</option>\n' +
               '</select>\n' +
               '<select name="city" id="city">\n',
           width: 450, // ширина окна
           height: 450, // высота окна
           zIndex: 100, // z-index
           closeIcon: {
               opacity: 1
           },
           titleBar: 'Заголовок окна',
           closeByEsc: true, // закрытие окна по escЙ
           darkMode: false, // окно будет светлым или темным
           autoHide: false, // закрытие при клике вне окна
           draggable: true, // можно двигать или нет
           resizable: true, // можно ресайзить
           min_height: 250, // минимальная высота окна
           min_width: 100, // минимальная ширина окна
           lightShadow: true, // использовать светлую тень у окна
           angle: true, // появится уголок
           overlay: {
               backgroundColor: 'black',
               opacity: 500
           },
           buttons: [
               new BX.PopupWindowButton({
                   text: 'Записать', // текст кнопки
                   id: 'save-btn', // идентификатор
                   className: 'ui-btn ui-btn-success', // доп. классы
                   events: {
                       click: function() {
                           var inpone=$("#country").val();
                           var inptwo=$("#city").val();

                           BX.ajax({
                               url: '/ajax/ajax.php',
                               method: 'POST',
                               dataType: 'json',
                               data: {
                                   inp1: inpone,
                                   inp2: inptwo,
                               },
                               onsuccess: function(data) {
                                   console.log(data);
                                   $(location).prop('href', 'http://hooly.ru/ajax/ajax.php')
                               },
                               onfailure: function() {
                               }
                           });
                       }
                   }
               }),
               new BX.PopupWindowButton({
                   text: 'Закрыть',
                   id: 'copy-btn',
                   className: 'ui-btn ui-btn-primary',
                   events: {
                       click: function() {
                           popup.close();
                       }
                   }
               })
           ],
           events: {
               onPopupShow: function () {
                   var cities = {
                       bra: ["Сан-Паулу", "Рио-де-Жанейро"],
                       rus: ["Москва", "Санкт-Петербург"],
                       ind: ["Мумбаи", "Дели"],
                       chn: ["Шанхай", "Пекин"],
                       zaf: ["Йоханнесбург", "Кейптаун"]
                   };
                   var country = document.getElementById("country");
                   var city = document.querySelector("#city");
                   window.onl oad = selectCountry;
                   country.oncha nge = selectCountry;

                   function selectCountry(ev){
                       city.innerHTML = "";
                       var c = this.value || "bra", o;
                       for(let i = 0; i < cities[c].length; i++){
                           o = new Option(cities[c][i],i,false,false);
                           city.add(o);
                       };
                   }

               },
               onPopupClose: function () {
                   // $("#procid").val("");
               }
           }
       });
       popup.show();
   });
});
}