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)
Carregando comentários...