Ir para conteúdo

POWERED BY:

Arquivado

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

Dhieguinho

Select dinamico

Por , em Javascript

Recommended Posts

Dhieguinho    0

Dhieguinho
Postado

Olá Pessoal,

 

 

pessoal estou tentando fazer um Select dinamico

 

como assim dinamico?

 

escolho uma item na lista do select

e quando eu clicar em qualquer item da lista

ele pega o value passa o id via GET e me enforma

as todas as informações da tabela.

 

 

Explicação detalhada no final da página!

 

Bom vou colocar aqui oque eu ja consegui fazer e explicar

como estou tentando deixar.

Tabela:

CREATE TABLE IF NOT EXISTS `carros` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `carro` varchar(25) NOT NULL,
 `marca` varchar(25) NOT NULL,
 `combustivel` varchar(15) NOT NULL,
 `cor` varchar(55) NOT NULL,
 `portas` int(4) NOT NULL,
 `motor` varchar(4) NOT NULL,
 PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=cp1251 AUTO_INCREMENT=7 ;

--
-- Extraindo dados da tabela `carros`
--

INSERT INTO `carros` (`id`, `carro`, `marca`, `combustivel`, `cor`, `portas`, `motor`) VALUES
(1, 'Uno', 'Fiat', 'Gasolina', 'Preto', 4, '2.0'),
(2, 'Stilo', 'Fiat', 'Flex', 'Amarelo', 4, '1.5'),
(3, 'Voyage', 'volksvagem', 'Gasolina', 'Prata', 4, '1.0'),
(4, 'Fox', 'Volksvagem', 'Flex', 'Grafit', 2, '1.2'),
(5, 'Celta', 'Ford', 'Gasolina', 'Vermelho', 4, '1.5'),
(6, 'Focus', 'Ford', 'Flex', 'Prata', 4, '2.0');

 

 

Index.php

Obs:Este e apenas uma pagina que fiz para dar noção até aonde eu sei fazer

oque pretendo, por isso não estilizei.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
       <script type="text/javascript">
       window.onload = function(){
               document.getElementById('tipo').onchange = function(){
                       document.location.href = this.value;
               }
       }
       </script>
<?php 
$conecta = mysql_connect('localhost','root','') or die ('Problema ao conectar com usuário');
$db = mysql_select_db('testeweb') or die ('Problema de conexão com banco de dados!');
?>
</head>
<body>
       <select name="tipo" id="tipo">
        <option value=""></option>         
<?php     

$selecionar = mysql_query("SELECT * FROM carros");

while($res_carros = mysql_fetch_array($selecionar)){
	$id  = $res_carros['id'];
	$carro = $res_carros['carro']; 
?>		
<option value="?id=<?php echo $id; ?>" ><?php echo $carro; ?></option>  

<?php	
}        
?>
</select>
<?php 
$id = $_GET['id'];
$seleciona = mysql_query("SELECT * FROM carros WHERE id = '$id'");
if ($seleciona == ''){
	echo 'erro';
}else{
while($res_id = mysql_fetch_array($seleciona)){		
	$ncarro = $res_id['carro'];
	$marca  = $res_id['marca'];
	$combt  = $res_id['combustivel'];
	$cor    = $res_id['cor'];
	$port   = $res_id['portas'];
	$motor  = $res_id['motor'];		
?>
<table width="400" border="1" cellspacing="0" cellpadding="0">
 <tr>
   <td width="173">Carro</td>
   <td width="198"><?php echo $ncarro; ?></td>
 </tr>
 <tr>
   <td>Marca</td>
   <td><?php echo $marca; ?></td>
 </tr>
 <tr>
   <td>Combustível</td>
   <td><?php echo $combt; ?></td>
 </tr>
 <tr>
   <td>Cor</td>
   <td><?php echo $cor; ?></td>
 </tr>
 <tr>
   <td>Portas</td>
   <td><?php echo $port; ?></td>
 </tr>
 <tr>
   <td>Motor</td>
   <td><?php echo $motor; ?></td>
 </tr>
</table>
<?php }}?>
</body>
</html>

 

 

Agora eu irei explicar oque eu não estou conseguindo fazer.

Oque eu não estou conseguindo fazer aqui e o seguinte:

Quando eu clico em um item da lista e recarrega a pagina o select volta para o "<option value=""></option>"

Exemplo:

Eu clickei em "UNO",na lista.

antc.png

aqui e minha duvida apos recarregar a pagina o select volta

"Vazio" ao invez de voltar com o "UNO".

dpc.png

Como fazeria pra não voltar vazio?

 

 

Aqui um exemplo do que eu estou tentando fazer

 

Clique aqui

 

quando selecionar um item na lista e recarregar a pagina, o item que eu cliquei na

lista volte marcado.

 

Outra duvída não sei se eu coloquei o post com a minha duvida no lugar certo pois esse conteim 2 progamação no conteudo PHP e JAVA SCRIPT

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jessica Ferreira    0

Jessica Ferreira
Postado

voce pode ver que no exemplo que você colocou quando seleciona algum item recarrega passando um parametro pela url, você pode faser o mesmo,

 

ao selecionar uno recarregar passando parametro tipo selecao?id=uno

 

pega o valor da variavel vinda pela url, e deixa como padrao

 

 

$selected = $_GET['id'];

<option value="valor da selessao" selected><?php echo $selected; ?></option>

Compartilhar este post

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

Informação importante

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

  Aceito