В общем, я, как начинающий, решил сделать ajax на чистом js. Но никак не могу передать переменную из Select в php. Там ее обработать и вывести значение из php в div.
<script>
var select = document.querySelector('select');
var a = select.options[select.selectedIndex].value;
var php = document.querySelector('#php');
var xhr = new XMLHttpRequest();
xhr.open('GET', 'from-js.php?menu=' + a, true);
xhr.send();
select.onchange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
php.innerHTML = xhr.response;
php.style.border = '5px solid green';
} else {
php.innerHTML = 'Где-то ошибка...';
php.style.border = '5px solid red';
}
}
</script>
<body>
<p><select name="menu"><?php for($i = 0; $i < 11; $i++){echo '<option>' . $i . '</option>';} ?></select></p>
<div id="php">
Здесь что-то поменяется...
</div>
</body>
<?php
if(isset($_GET['menu'])){;
echo ($_GET['menu'] + 100);
}
else{
echo 'Ой...';
print_r($_REQUEST);
}
?>
Пытаюсь вывести переменную "a" в консоль - консоль отвечает "0", даже если значения меняются. Почему так?