Создал селектор с тремя опциями и кнопку, при нажатии на которую высвечивается окошко со значением выбранной опции. Но возвращается только значение первой опции, даже если выбрана другая.
Вот код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<?php
$array = ["Baba", "Yaga", "NeZlaya"];
echo '<select id="user">';
for ($i = 0; $i < count($array); $i++) {
echo '<option value="'.$i.'">'.$array[$i].'</option>';
}
echo '</select>';
?>
<button type="button" id="button">Add</button>
<script>
var n = document.getElementById("user").options.selectedIndex;
var txt = document.getElementById("user").options[n].value;
button.addEventListener("click", function () {
alert(txt);
})
</script>
</body>
</html>
Постоянно возвращается 0. Что делаю не так?
