Buscar dados do combobox selecionado [RESOLVIDO]

1. Buscar dados do combobox selecionado [RESOLVIDO]

Perfil removido
removido

(usa Nenhuma)

Enviado em 23/07/2013 - 13:34h

Pessoal tenho um formulario com um combobox que lista os clientes cadastrados no banco de dados e do lado tenho um botão para visualizar os dados do cliente selecionado no combo
ex: é listado tres cliente:
cliente1
cliente2
cliente3

quando ele selecionar o cliente2 e clicar no botão ele abre uma janela na mesma pagina com as informações do cliente2. Assim para todos.

Alguem ajuda ai?
se possivel um exemplo...
obrigado..


  


2. Re: Buscar dados do combobox selecionado [RESOLVIDO]

Leonardo
leonardo0112

(usa Linux Mint)

Enviado em 23/07/2013 - 14:07h

Olá,

Para isso vc vai usar a função load() do jQuery, que nada mais é do que um modo fácil de fazer ajax.

ficaria + ou - assim, arruma conforme sua necessidades, lembrando que não testei aqui no meu PC, fiz de cabeça, está suscetível a erros:


/* ----- Arquivo PHP (index.php) ----- */

//Conexão com banco e mostrando lista de dados no select
...

<select>
<option value="<?php echo $res['cli_id']; ?>"><?php echo $res['cli_nome']; ?></option>
...
</select>

<input type="button" value="Ver Dados" id="mostrar" />
...

<div id="mostra-dados">
...
</div>

/* ----- Arquivo JS (myJS.js) ----- */

$(document).ready(function(){
$("#mostrar").click(function(){
var cliID = $("select").val();
$("#mostra-dados").load("ajax.php?id="+cliID);
});
});

/* ----- Arquivo PHP para Ajax (ajax.php) ----- */

$id = $_GET['id'];

$sql = "SELECT * FROM tb_cliente WHERE cli_id = $id";

//executa pesquisa e monta uma tabela ou qualquer coisa que desejar...



Espero que tenha entendido, caso fique com dúvias posta ai...


3. Re: Buscar dados do combobox selecionado [RESOLVIDO]

Perfil removido
removido

(usa Nenhuma)

Enviado em 24/07/2013 - 12:20h

na verdade eu queria jogar esses dados do cliente selecionado em um outra tela que abrira quando for clicado no botão:

[code]
<script>$(document).ready(function() {

$("#cliente").change(function (){
alert ("teste");
$("#mostrar").prop("popcliente.php?\n\
id="+$(#cliente).val());
});
});


</script>

?></select>
Cliente: <select id="cliente" name="cliente"><option value=""></option>
<?php

$consultaCli = mysql_query("SELECT * FROM cliente WHERE enable='Y' ORDER BY fantasia");

while($dados = mysql_fetch_array($consultaCli)){
echo ("<option value='".$dados['idcliente']."'>".$dados['fantasia']."</option>");
}

?></select>


<a href="popcliente.php?id=" id="mostrar" target="_blank" onClick="window.open(this.href, this.target, 'width=408, height=430, scrollbars=yes'); return false;"><i class="icon-search"></i></a> &nbsp;
[/code


4. Re: Buscar dados do combobox selecionado [RESOLVIDO]

Leonardo
leonardo0112

(usa Linux Mint)

Enviado em 24/07/2013 - 23:59h

Olha só, para vc pegar um valor de um select ou input vc deve ter um form e um submit, nao dá pra fazer isso com um link (a href).

Vc tem 2 opções:
1- Fazer um form e no submit abrir uma nova janela (como vc estava querendo fazer);
2- Usar Ajax, que eu creio ser o jeito mais correto,

Eu fiz dois códigos como exemplo, vou postá-los, espero que te ajude.

1-------------------===== Usando Form e Submit =====-----

--------------------===== submit.php =====-----

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Com Submit</title>
<style type="text/css">
#page {
width: 50%;
margin: 50px auto;
}
</style>
</head>
<body>
<div id="page">
<form action="submit-mostra.php" method="POST" target="__blank" onSubmit="window.open( this.href, this.target, 'width=408, height=430, scrollbars=yes'); return true;">
<select name="id">
<option value="01">Item 01</option>
<option value="02">Item 02</option>
<option value="03">Item 03</option>
<option value="04">Item 04</option>
</select>
<input type="submit" value="Mostrar" />
</form>
</div>
</body>
</html>


--------------------===== submit-mostra.php =====-----

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Submit Mostra</title>
</head>
<body>
<?php
$id = $_POST['id'];
?>
<table border="1" width="400px">
<thead>
<tr>
<td>ID</td>
<td>Nome</td>
<td>Telefone</td>
</tr>
</thead>
<tbody>
<tr>
<td><?php echo $id; ?></td>
<td>Pedro</td>
<td>11 7777-5555</td>
</tr>
</tbody>
</table>
</body>
</html>


2-------------------===== Usando Ajax (com jQuery) =====-----

--------------------===== jquery.php =====-----

<!DOCTYPE html>
<html>
<meta charset="UTF-8" />
<head>
<title>Com jQuery</title>
<style type="text/css">
#page {
width: 50%;
margin: 50px auto;
}
#mostra {
display: none;
position: absolute;
width: 300px;
height: 300px;
border: 1px solid #666;
top: 0;
left: 0;
background-color: #f1f1f1;
box-shadow: 0 0 2px #999;
text-align: center;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#mostrar").click(function(){
var w = $(window).width();
var h = $(window).height();
var left = ( w - $("#mostra").width() ) / 2;
var top = ( h - $("#mostra").height() ) / 2;
$("#mostra").css({
display: "block",
left: left,
top: top
})
.load( "jquery-mostra.php?id=" + $("select").val() )
.click(function(){
$(this).css({
display: "none"
});
});
});
});
</script>
</head>
<body>
<div id="mostra"></div>
<div id="page">
<select>
<option value="01">Item 01</option>
<option value="02">Item 02</option>
<option value="03">Item 03</option>
<option value="04">Item 04</option>
</select>
<button id="mostrar">Mostrar</button>
</div>
</body>
</html>


--------------------===== jquery-mostra.php =====-----

<?php
$id = $_GET['id'];
?>
<p>Clique para fechar</p>
<table border="1" width="300px">
<thead>
<tr>
<td>ID</td>
<td>Nome</td>
<td>Telefone</td>
</tr>
</thead>
<tbody>
<tr>
<td><?php echo $id; ?></td>
<td>Pedro</td>
<td>11 3333-7777</td>
</tr>
</tbody>
</table>



Depois vc termina o código do PHP para mostrar em todos os campos da tabela.


5. Re: Buscar dados do combobox selecionado [RESOLVIDO]

Perfil removido
removido

(usa Nenhuma)

Enviado em 25/07/2013 - 22:22h

boa cara, competencia nas respostas, valeu...
gostei do ajax :D






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts