Preencher select de acordo com a seleção do select anterior Ajax, Javascript, Jquery, PHP, Mysql

jQuery

MySQL

JavaScript

PHP

Ajax

17/10/2020

Prezados, bom dia.
tenho dois selects:
ao selecionar o primeiro,
o segundo me retorna as opções do banco de dados relacionados a opção do primeiro select sem precisar de refresh na página. podem me ajudar?
segue o codigo abaixo:

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.carregando{
color:#ff0000;
display:none;
}
</style>
</head>
<body>
<h1>Cadastrar Artigo</h1>
<?php include_once("conexao.php"); ?>

<form method="POST">
<label>Titulo:</label>
<input type="text" name="titulo" placeholder="Titulo do Artigo"> <br><br>

<label>Fabricante:</label>
<select name="fabricante" id="fabricante">
<option value="">Escolha a Categoria</option>
<?php
$result_fabricante = "SELECT fabricante FROM fabricante ORDER BY fabricante ASC";
$dados_fabricante = mysqli_query($conn, $result_fabricante);
while($fabricante = mysqli_fetch_assoc($dados_fabricante) ) {
echo '<option value="'.$fabricante['fabricante'].'">'.$fabricante['fabricante'].'</option>';
}
?>
</select><br><br>

<label>Modelo:</label>
<select name="modelo" id="modelo">
<option value="">Escolha o modelo</option>
</select><br><br>

</form>
confesso, daqui por diante não sei como desenvolver, procurei no youtube mas nem todos explicam detalhadamente.. desde já gratidão à todos.
Leonardo

Leonardo

Curtidas 0
POSTAR