Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ygor Reis

Combobox dinamico com 3 etapas

Por , em PHP

Recommended Posts

Ygor Reis    1

Ygor Reis
Postado

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 =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Apprentice    1

Apprentice
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Apprentice    1

Apprentice
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ygor Reis    1

Ygor Reis
Postado

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 =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gabriel Jacinto    74

Gabriel Jacinto
Postado

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>";

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

@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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ygor Reis    1

Ygor Reis
Postado

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 ^^

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Então, "assim" está errado.

 

isso:

$modelo = $_POST['modelo'];

deveria ser:

$modelo = $_POST['valormodelos'];

entendeu agora ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

rumao    1

rumao
Postado

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/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito