document.addEventListener('DOMContentLoaded', function() {
'use strict';
window.addEventListener('scroll', function () {
// fixedHeader on scroll
function fixedHeader() {
var headerTopBar = document.querySelector('.top-bar').offsetHeight;
var headerOneTopSpace = document.querySelector('.header-one .logo-area').offsetHeight;
var headerOneELement = document.querySelector('.header-one .site-navigation');
if (window.pageYOffset > headerTopBar + headerOneTopSpace) {
headerOneELement.classList.add('navbar-fixed');
document.querySelector('.header-one').style.marginBottom = headerOneELement.offsetHeight + 'px';
} else {
headerOneELement.classList.remove('navbar-fixed');
document.querySelector('.header-one').style.marginBottom = '0';
}
}
fixedHeader();
});
});document.addEventListener('DOMContentLoaded', function () {
var forms = document.querySelectorAll('form');
for (var i = 0; i < forms.length; i++) {
forms[i].addEventListener('submit', function (event) {
event.preventDefault();
// Получение ID формы
var formID = this.getAttribute('id');
// Добавление решётки к имени ID
var formNm = document.getElementById(formID);
var xhr = new XMLHttpRequest();
xhr.open('POST', 'mail.php', true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
// Вывод текста результата отправки
formNm.innerHTML = xhr.responseText;
} else if (xhr.readyState === 4) {
// Вывод текста ошибки отправки
formNm.innerHTML = 'Ошибка отправки: ' + xhr.status;
}
};
xhr.send(new FormData(this));
});
}
});
<html>
<head>
<body>
<label>State2</label>
<select name="state"
class=" form-control"
onchange="getCity('1',this.value)"
data-container="body"
data-live-search="true"
title="Select state 2"
data-hide-disabled="true"
>
<option>Select state 2</option>
<option value="1">Alaska</option>
<option value="2">Colorado</option>
<option value="3">Quebec</option>
<option value="4">Alberta</option>
</select>
</body>
</head>
</html>