Combobox dinamico com 3 etapas

Ygor Reis · Setembro 4, 2012

Bom dia a todos,

Estou tentando programar um combo com jquery e php.

O Cliente Seleciona o Tipo de Carro e vem Nacional e Importados

Clica em Nacional Vem os nomes das empresas tipo fiat e chevolt

ele clica em chevolet e vem os nomes dos carros

até ai funfou ^^

agora eu add o valor do carro mais não está indo

link

http://assistirfilmesonlinegratis.me/v5/combo/index3.php

codicos:

<html>
<head>
<script type="text/javascript" src="jquery.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>');
		$("select[name=modelo]").html('<option value="">Aguardando marca...</option>');
		$("select[name=valormodelos]").html('<option value="">Aguarde o  Valor  do  Carro a  ser  Carregado</option>');
		// Passando tipo por parametro para a pagina ajax-marca.php
           $.post("marcas.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("modelos.php",
                 {marca:$(this).val()},
                 // Carregamos o resultado acima para o campo modelo
			  function(valor){
                    $("select[name=modelo]").html(valor);
                 }
                 )

        })
         	// Evento change no campo valor  do  carro
 	$("select[name=valormodelos]").change(function(){
           // Exibimos no campo modelo antes de concluirmos
		$("select[name=valormodelos]").html('<option value="">Aguarde  o  Valor.....</option>');
           // Passando marca por parametro para a pagina ajax-modelo.php
           $.post("valormodelo.php",
                 {valormodelos:$(this).val()},
                 // Carregamos o resultado acima para o campo modelo
			  function(valor){
                    $("select[name=valormodelos]").html(valor);
                 }
                 )

        })
  })

</script>
<style type="text/css">
<!--
#auto select{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
-->
</style>
</head>
<title>Sistema by  Ygor Reis</title>
<body>
<form action="" method="post" id="auto">
<select name="tipo">
<div style="font-size:12px;font-color:red;">Escolha o Tipo do Carro:</div><option value="0">Escolher tipo</option>

<?phpmysql_select_db("linuxbrb_teste");
$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['tipo'].'">'.$ln['tipo'].'</option>';
}
?>
 </select>
<div stle="font-size:12px;font-color:red">Escolha  a Marca do  Carro:<br></div><select name="marca">
<option value="0" selected="selected">Aguardando tipo...</option>
</select>
<div style="font-size:12px;"><b>Selecione  o  nome  do  carro:</b></div> <select name="modelo">
<option value="0" selected="selected">Aguardando marca...</option>
</select>
<br>
<div style="font-size:12px;"><b>Valor  do  Carro:</b></div><select name="valormodelos">
<option value="0" select="selected">Aguarde o  Valor  do  Carro a  ser  Carregado.</option>
</select>
</form>
</body>
</html>

valorcarro.php

<?php

$modelo = $_POST['modelo'];

$conectando = "SELECT valor_carro, modelo FROM tbl_modelos WHERE modelo = '$modelo' ORDER BY modelo ASC";

$thiagoo = mysql_query($conectando) or die(mysql_error());

if(mysql_num_rows($thiagoo) == 0){

echo '<option value="0">'.htmlentities('Aguarde o Valor do Carro a ser Carregado').'</option>';

}else{

while($funcao002 = mysql_fetch_assoc($thiagoo)){

echo '<option value="'.$funcao002['id'].'">'.$funcao002['valor_carro'].'</option>';

}

}

?>

por favor me ajudem obrigado =)

Guilherme Oderdenge · Setembro 4, 2012

Não exibe nada? Há um valor definido para o carro no banco?

Ygor Reis · Setembro 4, 2012

Sim ta normal no banco os valores dos carros.

mais não sei pq não apareçe la ^^

por favor me ajudem

Apprentice · Setembro 4, 2012

por favor me ajudem

Olha, não sei se vai funcionar, mas tente alterar:

echo '<option value="'.$funcao002['id'].'">'.$funcao002['valor_carro'].'</option>';

por

echo '<option value="'.$funcao002['valor_carro'].'">'.$funcao002['valor_carro'].'</option>';

Seu HTML:

<select name="modelo">

Enquanto no javascript:

// Evento change no campo valor  do  carro
// --> substitua name=valormodelos por name=modelo
$("select[name=valormodelos]").change(function(){
   // Exibimos no campo modelo antes de concluirmos
   $("select[name=valormodelos]").html('<option value="">Aguarde  o  Valor.....</option>');
   // Passando marca por parametro para a pagina ajax-modelo.php
   // --> substitua valormodelos: por modelo:
   $.post("valormodelo.php",
   {valormodelos:$(this).val()},
   // Carregamos o resultado acima para o campo modelo
   function(valor){
       $("select[name=valormodelos]").html(valor);
   })
})

Obs: note que modelo não é valormodelos, nomes diferentes para o seu select, precisam ser iguais.

Ygor Reis · Setembro 5, 2012

Mesma coisa não vai me ajudem pls

Apprentice · Setembro 5, 2012

Mesma coisa não vai me ajudem pls

Olha só, eu testei aqui e funcionou perfeitamente, fiz as alterações como eu lhe sugeri, e vi o que talvez seja o seu problema. No seu JavaScript, você chama o arquivo PHP como valormodelo.php, mas você citou o nome deste arquivo como valorcarro.php quando postou o código do mesmo. Dê uma olhada aí se o nome do arquivo é o mesmo que você chama no JavaScript.

Ygor Reis · Setembro 5, 2012

Olha só, eu testei aqui e funcionou perfeitamente, fiz as alterações como eu lhe sugeri, e vi o que talvez seja o seu problema. No seu JavaScript, você chama o arquivo PHP como valormodelo.php, mas você citou o nome deste arquivo como valorcarro.php quando postou o código do mesmo. Dê uma olhada aí se o nome do arquivo é o mesmo que você chama no JavaScript.

Opa Fiz as alterações veja o codico abaixo:

index3.php

<html>
<head>
<script type="text/javascript" src="jquery.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>');
		$("select[name=modelo]").html('<option value="">Aguardando marca...</option>');
		$("select[name=valorcarro]").html('<option value="">Aguarde  o  Valor...</option>');
		// Passando tipo por parametro para a pagina ajax-marca.php
           $.post("marcas.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("modelos.php",
                 {marca:$(this).val()},
                 // Carregamos o resultado acima para o campo modelo
			  function(valor){
                    $("select[name=modelo]").html(valor);
                 }
                 )
        })
         	// Evento change no campo valor  do  carro
 	$("select[name=modelo]").change(function(){
           // Exibimos no campo modelo antes de concluirmos
		$("select[name=valorcarro]").html('<option value="">Aguarde  o  Valor...</option>');
           // Passando marca por parametro para a pagina ajax-modelo.php
           $.post("valormodelos.php",
                 {modelo:$(this).val()},
                 // Carregamos o resultado acima para o campo modelo
			  function(valor){
                    $("select[name=valorcarro]").html(valor);
                 }
                 )
        })
  })

</script>
<style type="text/css">
<!--
#auto select{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
-->
</style>
</head>
<title>Sistema by  Ygor Reis</title>
<body>
<form action="" method="post" id="auto">
<select name="tipo">
<div style="font-size:12px;font-color:red;">Escolha o Tipo do Carro:</div><option value="0">Escolher tipo</option>

<?php
mysql_connect("....");
mysql_select_db("............");

$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>
<div stle="font-size:12px;font-color:red">Escolha  a Marca do  Carro:<br></div><select name="marca">
<option value="0" selected="selected">Aguardando tipo...</option>
</select>
<div style="font-size:12px;"><b>Selecione  o  nome  do  carro:</b></div> <select name="modelo">
<option value="0" selected="selected">Aguardando marca...</option>
</select>
<br>
<div style="font-size:12px;"><b>Valor  do  Carro:</b></div><select name="valorcarro">
<option value="0" select="selected">Aguarde  o  Valor...</option>
</select>
</form>
</body>
</html>

valormodelos.php

<?php
mysql_connect("......");
mysql_select_db(".......");

$modelo = $_POST['modelo'];

$conectando = "SELECT id, valorcarro FROM tbl_modelos WHERE modelo = '$modelo' ORDER BY id ASC";
$thiagoo = mysql_query($conectando)  or  die(mysql_error());
if(mysql_num_rows($thiagoo) == 0){
echo '<option value="0">'.htmlentities('Aguarde  o  Valor...').'</option>';
}else{
echo '<option value="">Selecione  o  Valor...</option>';
while($funcao002 = mysql_fetch_assoc($thiagoo)){
echo '<option value="'.$funcao002['valorcarro'].'">'.$funcao002['valorcarro'].'</option>';
}
}

Me ajudem por favor =)

Gabriel Jacinto · Setembro 5, 2012

Olha, como o @Apprentice disse, é só fazer uma consulta no banco. Pode ser erro na sua conexão. Poste o erro (se tiver).

ini_set('display_errors', 1);

Ai você faz a consulta pra fazer os selects.

$sql = mysql_query("SELECT * FROM tabela") or die ('Erro:'.mysql_error());
while($infos = mysql_fetch_object($sql)){

echo "<option value='".$info->carro."'>".$info->carro."</option>";

}

Ygor Reis · Setembro 5, 2012

não ocorreu erro, e não funcinou =)

William Bruno · Setembro 6, 2012

@Ygor Reis,

você precisa nos ajudar a te ajudar.

Aprenda a debugar js e ajax:

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

http://wbruno.com.br/2011/04/14/como-debugar-ajax-firebug/

Verifique oque aparece no console de erros, e corrija.

Além disso, note que você envia:

{valormodelos:$(this).val()},

mas espera receber:

$modelo = $_POST['modelo'];

essas variaveis deveriam ser correspondentes.

Evite coisas como "me ajude", "problema urgente"... isso vai contra as regras do fórum, e por esse motivo estou editando o título e as tuas postagens.

Ygor Reis · Setembro 6, 2012

William

você Pode verificar no codico que ja está assim como você disse mais nada resolve.

você Poderia me dar uma luz para esse problema por favor?

eu fiz como você disse no firefox, mais não mostro nenhum erro na página.

aguarde se alguem souber me ajudar ^^

William Bruno · Setembro 6, 2012

Então, "assim" está errado.

isso:

$modelo = $_POST['modelo'];

deveria ser:

$modelo = $_POST['valormodelos'];

entendeu agora ?

Apprentice · Setembro 6, 2012

Você poderia postar a sua tabela 'tbl_modelos' e a sua tabela com os valores dos veículos?

rumao · Novembro 7, 2013

E aí grande, conseguiu resolver esta questão? Acredito que sim pelo tempo do Post. Será que poderia me dar umas dicas?

Estou com um problema parecido, mas no meu caso não consigo pegar os valores que são passados para uma outra página.

Por exemplo nome do Veículo, Modelo e Ano.

Achei seu post depois de ter criado o meu, se alguém puder dar uma olhada agradeço.

http://forum.imasters.com.br/topic/511399-combobox-dinamico/

betinhosilva · Julho 23, 2016

Ygor Reis, você tem esses codigos para disponibilizar?

Aguardo

Arquivado

Combobox dinamico com 3 etapas

Recommended Posts

Ygor Reis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Guilherme Oderdenge 42

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ygor Reis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Apprentice 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ygor Reis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Apprentice 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ygor Reis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Gabriel Jacinto 74

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ygor Reis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ygor Reis 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Apprentice 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

rumao 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

betinhosilva 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Dúvida em Relação a Teclas

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Fóruns

Tempo Real

Informação importante