Preciso que quando selecione algo no select faça uma chamada no banco de dados pelo ajax e retorne. O problema que nada acontece.
Esse é o script do Index o JavaScript:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function(){
var idsubcategoria = $("select#idsubcategoria").val();
$('#idsubcategoria').change(function(){
//O método $.ajax(); é o responsável pela requisição
$.ajax
({
//Configurações
type: 'POST',//Método que está sendo utilizado.
dataType: 'html',//É o tipo de dado que a página vai retornar.
url: 'nomes.php',//Indica a página que está sendo solicitada.
//função que vai ser executada assim que a requisição for enviada
beforeSend: function () {
$("#dados").html("Carregando...");
},
data: {idsubcategoria: idsubcategoria},//Dados para consulta
//função que será executada quando a solicitação for finalizada.
success: function (msg)
{
$("#dados").html(msg);
}
});
});
});
</script>
Esse é o select que preciso de que quando a pessoa selecione faça a chamada no mysqli.
<select name="idsubcategoria" class="idsubcategoria" id="idsubcategoria" required="required">
<option value="">Escolha...</option>
</select>
Esse é o input que quero que receba a resposta.
<input type="text" id="dados" required="required">
No arquivo nomes.php eu coloquei assim como teste para ver se ia ter retorno.
<?
$palavra = $_POST['idsubcategoria'];
echo $palavra;
?>
var idsubcategoria = $("select#idsubcategoria").val();
é corrida antes do select mudar. Estás sempre a enviar o mesmo valor, inicial, para o servidor... Coloca essa linha dentro do change pelo menos.$("#dados").html(msg);
deves ter$("#dados").val(msg);