Editado:
En este pedazo de código: donde dice data: se supone que ese id, el nombre que le di yo a la variable es la que le envió a php, pero a la hora de recibirla en php con $_POST["id"], me dice que está variable no existe por ningún lado, el problema es que pues se supone que el debería reconocer esa variable en php como he visto en videos y otros códigos, pero esa variable id que cree en ajax en data no llega a php
var id = $('#lista1').val();
$.ajax({
type: "POST",
url: "index.php",
data: {id: id}, //acá debería enviarse está variable id y ser
reconocida en php, pero no existe para php
success: function(r){
$('#select2lista').html(r);
console.log(id);
}
});
el error qué me sale: Warning: Undefined array key "id" in C:\xampp\htdocs\prueba2\index.php on line 47
siempre y siempre, en teoría se la estoy enviando, llamada (id); ya probé de distintas maneras y ninguna envía, me estoy volviendo loco :c
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
</head>
<body>
<select name="lista1" id="lista1">
<option value="0">Selecciona: </option>
<option value="1">UWU1</option>
<option value="2">UWU2</option>
<option value="3">UWU3</option>
<option value="4">UWU4</option>
</select>
<br>
<div class="select2lista"></div>
<script type="text/javascript">
$(document).ready(function(){
recargarLista();
$('#lista1').change(function(){
recargarLista();
});
})
function recargarLista(){
var id = $('#lista1').val();
$.ajax({
type: "POST",
url: "index.php",
data: {id: id},
success: function(r){
$('#select2lista').html(r);
console.log(id);
}
});
}
</script>
<?php
//acá intento mostrarla pero no sirve, ya sea aquí o un archivo externo.
echo "dato: " . $_POST["id"];
?>
</body>
</html>