Publicado em 1 de fev.

Capturar valores de 2 variaveis php e printar em lugares destintos

olá pessoal eu estou com uma duvida que é simples para quem ja tem esperiencia em JQuery.

é o seguinte eu estou desenvolvendo um caixa de automação e nele eu tenho o campo ID que consulta o id do produto e me retorna a descrição usando o ID como filtro. porém eu queria que além de ele me retornar a descrição ele também atualizasse um campo com o Preço do produto e que eu pudesse printar este preço na tag que eu quiser pois como está eu contigo printar o preço mais ele vem junto com a descrição e eu queria separa-los. Segue abaixo o meu código:

JQuery neste codigo eu envio o id e retorno a descrição ali no final eu uso para printar o #resultado. Eu gostaria de além de ter o resultado eu tivesse um outro id com o preço assim eu poderia por resultado em um lugar e preço em outro

<script type="text/javascript" language="javascript" src="jquery-2.1.3.min.js"></script>
<script type="text/javascript" language="javascript">
 $(function(){ // declaro o início do jquery
 $("input[name='id_product']").blur( function(){//botão para disparar a ação
 var id_product = $("input[name='id_product']").val();
 //alert(nomeUsuario);
 $.post('consult_produto.php',{id_product: id_product},function(data){
 $('#resultado').html(data);//onde vou escrever o resultado
 });
 });

segue o docigo PHP:

<?php
//envio o charset para evitar problemas
header("Content-Type: text/html; charset=ISO-8859-1");
$con = @mysql_connect('localhost', 'root', '');//faço a conexão com o banco
mysql_select_db('saboreart', $con);//seleciono a tabela no banco

 $sql = "SELECT * FROM `products`
 WHERE `id` = '{$_POST['id_product']}' ";//monto a query
 $q = mysql_query( $sql );//executo a query
 if( mysql_num_rows( $q ) > 0 )://se retornar algum resultado
 $collect_date = mysql_fetch_array($q);
 $produto = $collect_date[2];
 $precoProduto = $collect_date[4];
 $precoFormat = number_format($precoProduto, 2, ',', ' ');
 echo $produto;
 echo '<br />'."Valor:"."<input type=\"text\" value=\"R$: $precoFormat\">";
 else:

 endif;
?>

e aqui segue o HTML:

<body>
<div id="corpo">
<form id="formulario" action="" method="post">

 <label> Codigo do produto: <input type="text" id="idProduto" name="id_product"></label>
 <label>Descricao: <span id="resultado"> AQUI EU PRINTO A DESCRIÇÃO</span></label><br />
 <label>Valor: <span id="valor">AQUI EU GOSTARIA DE PRINTAR O VALOR </span></label><br />
 <label> Quantidade: <input type="text" id="qtdProduto" name="qtdProduto" value="01"></label><br />
 <input id="enviaPost" type="submit" name="Enviar" value="Inserir Produto">
</form>

Discussão (16)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Carregando comentários...

<script type="text/javascript" language="javascript" src="jquery-2.1.3.min.js"></script> <script type="text/javascript" language="javascript"> $(function(){ // declaro o início do jquery $("input[name='id_product']").blur( function(){//botão para disparar a ação var id_product = $("input[name='id_product']").val(); //alert(nomeUsuario); $.post('consult_produto.php',{id_product: id_product},function(data){ $('#resultado').html(data);//onde vou escrever o resultado }); });

$sql = "SELECT * FROM `products` WHERE `id` = '{$_POST['id_product']}' ";//monto a query $q = mysql_query( $sql );//executo a query if( mysql_num_rows( $q ) > 0 )://se retornar algum resultado $collect_date = mysql_fetch_array($q); $produto = $collect_date[2]; $precoProduto = $collect_date[4]; $precoFormat = number_format($precoProduto, 2, ',', ' '); echo $produto; echo '<br />'."Valor:"."<input type=\"text\" value=\"R$: $precoFormat\">"; else: endif; ?>

<body> <div id="corpo"> <form id="formulario" action="" method="post"> <label> Codigo do produto: <input type="text" id="idProduto" name="id_product"></label> <label>Descricao: <span id="resultado"> AQUI EU PRINTO A DESCRIÇÃO</span></label><br /> <label>Valor: <span id="valor">AQUI EU GOSTARIA DE PRINTAR O VALOR </span></label><br /> <label> Quantidade: <input type="text" id="qtdProduto" name="qtdProduto" value="01"></label><br /> <input id="enviaPost" type="submit" name="Enviar" value="Inserir Produto"> </form>