Buscar dados do combobox selecionado [RESOLVIDO] [jQuery]

1. Buscar dados do combobox selecionado [RESOLVIDO]

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]

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]

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>  
[/code

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

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]

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

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

Buscar dados do combobox selecionado [RESOLVIDO]

Responder tópico