Seleciono item no dropdown e não mostra no console.log
Seleciono um item e não mostra nada pelo comando console.log. Não mostra a .div .
Estou achando que está no evento de 'Click'.
Podem me ajudar a resolver esse problema?
<?php
include "conexao_veiculos.php";
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030">
<title>ladd</title>
<style>
.div {
width: 400px;
height:100px;
background-color: #c1c3c0;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<link href="a://fonts.googleapis.com/css?family=Syncopate" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="../css/veiculos2.css"/>
</head>
<body>
<nav class="navbar navbar-expand-lg sticky-top navbar-dark" style="background-color: #000000";>
<h3 class="cfg-logo-syncpl"><span style="color:#ffffff";><b>LADD</b></spam><spam class="autm"><b>Autom贸veis</b></span></h3>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSite">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSite" >
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link active" href="#" >HOME</a></li>
<li class="nav-item"><a class="nav-link" href="#contato" >CONTATO</a></li>
</ul>
</div>
</nav>
<?php
$arquivo_cd = "tb_cadastro_acessorios";
?>
<div class="container-fluid">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Acessorios</button>
<form method="GET" id="seleciona">
<div class="dropdown">
<div class="dropdown-menu" style="font-size:14px";>
<?php
$sql = "SELECT * FROM $arquivo_cd";
$result_cd = mysqli_query($strcon,$sql);
while ($row = mysqli_fetch_array($result_cd)) {
$acessorio = utf8_encode($row['cad_acessorios_descricao']);
echo "<a href='#' class='dropdown-item' name='acessorio' style='color: #000000';>$acessorio<br></a>";
}
?>
</div>
</div>
</form>
</div>
<script>
$(function() {
$('#seleciona').bind('click', function(e) {
e.preventDefault();
var txt = $(this).serialize();
console.log(txt);
$.ajax({
type:'GET',
url:'ajax.php',
data: txt,
success:function(resultado) {
$('.div').html(resultado);
},
error:function() {
alert("ocorreu um erro");
}
});
});
});
</script>
</body>
</html>
(ajax.php)
<?php
$acessorio = $_GET['acessorio'];
echo $acessorio;
?>Discussão (1)
Carregando comentários...