Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Encontrei um código muito bom de um combo dinâmico, onde você seleciona o tipo de automovel, com isso ele te da as marcas e dependendo da marca te da os modelos, porém como posso utilizar isso para pesquisa? Adicionar um submit , entendo pouco de php e não sei como colocar...
Segue o código:
index.php
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Evento change no campo tipo
$("select[name=tipo]").change(function(){
// Exibimos no campo marca antes de concluirmos
$("select[name=marca]").html('<option value="">Carregando...</option>');
// Exibimos no campo marca antes de selecionamos a marca, serve tamb�m em caso
// do usuario ja ter selecionado o tipo e resolveu trocar, com isso limpamos a
// sele��o antiga caso tenha feito.
$("select[name=modelo]").html('<option value="">Aguardando marca...</option>');
// Passando tipo por parametro para a pagina ajax-marca.php
$.post("ajax-marca.php",
{tipo:$(this).val()},
// Carregamos o resultado acima para o campo marca
function(valor){
$("select[name=marca]").html(valor);
}
)
})
// Evento change no campo marca
$("select[name=marca]").change(function(){
// Exibimos no campo modelo antes de concluirmos
$("select[name=modelo]").html('<option value="">Carregando...</option>');
// Passando marca por parametro para a pagina ajax-modelo.php
$.post("ajax-modelo.php",
{marca:$(this).val()},
// Carregamos o resultado acima para o campo modelo
function(valor){
$("select[name=modelo]").html(valor);
}
)
})
})
</script>
...
<form action="" method="post" id="auto">
<select name="tipo">
<option value="0">Escolher tipo</option>
<?php
mysql_connect("host", "usuario", "senha");
mysql_select_db("bd");
$sql = "SELECT * FROM tbl_tipo ORDER BY tipo ASC";
$qr = mysql_query($sql) or die(mysql_error());
while($ln = mysql_fetch_assoc($qr)){
echo '<option value="'.$ln['t'].'">'.$ln['tipo'].'</option>';
}
?>
</select>
<select name="marca">
<option value="0" selected="selected">Aguardando tipo...</option>
</select>
<select name="modelo">
<option value="0" selected="selected">Aguardando marca...</option>
</select>
</form>
ajax-marca.php
<?php
mysql_connect("host", "user", "senha");
mysql_select_db("bd");
$tipo = $_POST['tipo'];
$sql = "SELECT id, marca FROM tbl_marcas WHERE tipo = '$tipo' ORDER BY id ASC";
$qr = mysql_query($sql) or die(mysql_error());
if(mysql_num_rows($qr) == 0){
echo '<option value="0">'.htmlentities('Aguardando tipo...').'</option>';
}else{
echo '<option value="">Selecione marca...</option>';
while($ln = mysql_fetch_assoc($qr)){
echo '<option value="'.$ln['id'].'">'.$ln['marca'].'</option>';
}
}
?>
ajax-modelo.php
<?php
mysql_connect("host", "usuario", "senha");
mysql_select_db("bd");
$marca = $_POST['marca'];
$sql = "SELECT id, modelo FROM tbl_modelos WHERE marca = '$marca' ORDER BY modelo ASC";
$qr = mysql_query($sql) or die(mysql_error());
if(mysql_num_rows($qr) == 0){
echo '<option value="0">'.htmlentities('Aguardando marca...').'</option>';
}else{
echo '<option value="0">Selecione modelo...</option>';
while($ln = mysql_fetch_assoc($qr)){
echo '<option value="'.$ln['id'].'">'.$ln['modelo'].'</option>';
}
}
?>
O link de onde tirei o código é esse aqui: http://www.jquerymagazine.com.br/artigo.php?id=248
Já consegui fazer essa parte funcionar perfeitamente, a dúvida é apenas na parte disso funcionar para pesquisa, o que preciso adicionar e onde? Queria pesquisar a partir de um "submit",.. Como posso fazer?
Carregando comentários...