zav19791979

Сделать классы которые показывают один блок, можно с анимацией или другими красивостями и потом через интервал менять их.
Что то вроде такого https://jsfiddle.net/zav19791979/c92tsyd5/17/

Добавьте в свои CSS правила класс, который скрывает блок, например

._hidden {
    display: none;
}

и после ответа на prompt, проверьте значение, если оно равно null, добавьте скрывающий класс на форму

document.querySelector('. main_form').classList.add('_hidden')

Как совершенно верно сказал Rsa97 у вас не определен метод triggerEvent, вам необходимо определить его перед вашим методом и тогда будет счастье)

function triggerEvent(checkbox) {
        checkbox.checked = true; //  отметить переданный чекбокс (без использования jQuery)
        // checkbox.attr('checked', true); // то же самое но уже с использованием jQuery
    }

    function selectAllCategory(btn) {
        ...
        ...
        ...
    }

когда вы используете async в

let arrCities = async () => {
      	return await RequestForCadastralCode(e.target.value)
      }

вы говорите что метод arrCities есть вернет промис, внутри него работает await, что равно сильно использованию then в обычных промисах. Но сам метод вернет именно промис а не результат промиса. Для того чтобы получить результат и использовать await так как это пытаетесь сделать вы - необходимо отметить async сам метод в лиссенере.


так же вы забыли retern в методе RequestForCadastralCode, если его не использовать, то запрс выполниться, но результат его не вернется.

вот ваш рабочий код https://jsfiddle.net/zav19791979/mkywn1zb/2/

В методе сортировки пробуйте создать обьект с нулевым временем, после чего забейте ваше значение на часы и минуты, выставте их у созданного обьекта даты и уже сортируйте их

https://jsfiddle.net/zav19791979/sbLfzj0x/8/

У вас проблема в том что вы пытаетесь создать объект с одинаковыми ключами и они перезаписывают друг друга. Попробуйте в консоли выполнить присвоение одно из ваших обьектов и посмотрите что будет в итоге

const obj = {
      '2 900 000':'68,33',
      '2 900 000':'69,64',
      '2 950 000':'70,97',
      '3 000 000':'72,39'
  };

вместо вашего изначального обьекта будет следующий:

{
    '2 900 000': "69,64"
    '2 950 000': "70,97"
    '3 000 000': "72,39"
}

то есть ваши одинаковые ключи исчезнут, ну а сам вывод у вас работает нормально.

Попробуйте изменить метод хранения данных, например к одному ключу в обьекте присвоит массив значений и соответственно переписать логику вывода select
Что то вроде такого:

const obj = {
      '2 900 000':['68,33', '69,64'],
      '2 950 000':['70,97'],
      '3 000 000':['72,39']
  };

вот ваш рабочий вариант, с минимумом изменений https://jsfiddle.net/zav19791979/dpjtw0bs/6/

Обратите еще внимание на итерацию свойств обьекта в цикле, у вас сделано через IN, а правильнее было бы через OF, почитайте разницу между этими операторами, например тут https://webdevblog.ru/for-protiv-foreach-protiv-fo...

for (var key in optionData || null) {
 
 }

попробуйте что то вроде этого, все строки там прокомментированы так что не сложно будет разобраться
https://jsfiddle.net/zav19791979/bodm1wL0/52/

или можно найти индекс не через forEach

function someFunc () {
    const arr = [
        {
            title: 'some title',
            count: 1,
            price: 25
        }
    ]

    function checkItem(arr, title) {
        const index = arr.findIndex((item) => item.title === title);
        
        return index === -1 ? 'не удалось найти элемент' : `индекс элемента ${index}`;       
    }

    console.log(checkItem(arr, 'some title'));
    console.log(checkItem(arr, 'some not exist title'));
}

someFunc ()

Можно использовать через замыкание, но только в том случае если и объявление переменной и функции находятся в одной области.

const var1 = 10'

function func() {
         alert(var1); // тут будет выведено 10
}

или, как вариант, через привязку контекста

const func  = function(var1, var2,  var3) {
    console.log(var1); // 'значение var1'
}.bind(null, 'значение var1');

в этом случае значение
"this" будет равен "null"
"var1" всегда будет равно "значение var1"
а остальные значения будут равны тому что вы передадите в метод "func"

то есть "значение var1" будет передаваться, всегда, впереди любых аргументов

Вот тут более подробно про это рассказано https://learn.javascript.ru/bind

Можно добавить проверку события "input" и при изменении введенного текста проверять с чего он начинается

const someInput = document.getElementById('someinput');
someInput.addEventListener('input', (e) => {
  if (someInput.value.trim().startsWith('44')) {
    alert('Начинается с 44')
  }
})

Рабочий пример на JsFiddle