Дмитрий Тимофеев

Прежде чем спрашивать надо четко сформулировать вопрос, и перед этим понять - может ли вы сформулировать вопрос.
Так или иначе ответ лежит в плоскости применения протоколов и технологий, на которых работает Интернет.
Эмулировать можно многое, но в Интернете это называется по-разному, например, дорвеями или клоакингом.
Из вашего вопроса я вижу что хотите сделать автоматическую загрузку выбранного на клиенте файла - так это уже лет как 10 сделано в многих компонентах.
Лет 10 назад обычно на такие вопросы отвечали RTFM.

Как вариант
1) города однозначно сохранить себе в базу
2) чтобы не выгружать на клиента
2.1) сделать текстовое поле и при посте на сервере искать в базе городов типа (SELECT ID FROM City WHERE Name = @UserCityName)
2.2) сделать на jQuery подгрузку городов, распространенный контрол ... начните вводить первые буквы города... если букв от 2 - то отдавайте на клиента TOP 10 городов. В бутстрапе вроде есть похожий контрол - typeahead bootstrap. Наверняка в плугинах jQuery есть подобное.
---
+ можно сделать сначала выбор региона, их по ОКАТО, вернее сейчас это называется ОКТМО - их около сотни. Потом город. Городов в России около 1100-1200. С крупными селами ... не знаю.

Так сразу не ответишь. Почитайте Интернет, много всего. ITDVN на ютубе посмотреть можно. На хабре много интересных статей. Например, свежий, "легкий" пост https://habrahabr.ru/post/321844/

По сути архитектура не менялась с появления скриптов в браузере. Три уровня операций в архитектуре:
1) Верстка. Раньше были таблицы, потом стали дивы. Все писали свои библиотеки. Затем библиотеки стали выкладывать в общий доступ - появились CSS-фреймворки Bootstrap, Foundation и так далее. Стало слышно о предпроцессорах CSS - less, sass. В 2014 году Гугол выпустил свой подход к дизайну Material Design. На базе него есть масса CSS-фреймворков. Сейчас переходим на флексы, приятная вещь.
1.2) Лет пять назад начался бум мобильного трафика со смартфонов. Поэтому появились медиа-запросы и адаптивная верстка. Я сам года полтора назад взял ксиаоми 5.5 дюймов - первое время в деревне балдел :) Важный элемент.
2) DOM. Операции по работе с DOM. Парсинг HTML дерева. Раньше писали большие библиотеки для разных браузеров (в основном на Javascript). Модно было менять картинки в меню по наводке мыши. Потом появился jQuery, он во многом снял вопросы о кросс-браузерности. Сейчас это все переросло в JS-фреймворки. Самые популярные, насколько понимаю - Angular, React. Их много.
3) Запросы на сервер. Когда то давно это называлось XmlHttpRequest в виде COM-объекта в IE. Потом модное слово Web 2.0. Далее - мода на Ajax. Потом появился jQuery - это правда очень хороший и качественный продукт. И опять же JS-фреймворки.
---
Эти операции за последние лет 15 обросли кучей терминов и технологий. Каждый считает, что он сможет написать лучше - и делает свою систему, технологию, подход, фреймворк и так далее. Не говорю, что это плохо - может и хорошо, но бардак аццкий.

И в серверных технологиях много нового, хотя гиганты вроде Явы, Майкрософта, Оракла - удержались. Вокруг конечно создали много всего, но ИМХО - как был PHP и ASP в Интернете, так и остались. Хотя, такие штуки как REDIS весьма полезны :)

ЗЫ: я лично смотрю в сторону Angular 2 или React (скорее всего буду пробовать обоих) и Bootstrap 4 с флексами. Если бутстрап до апреля не забЭтится - выкину и напишу свои небольшие библиотеки, мне много не надо :) Хотя мне пока что и на ASP.NET Forms и ASP.NET MVC неплохо живется, ну jQuery конечно, Yandex MAP API, бустрапа в меру. Но у всех свои мнения :)