Olá Pessoal !!!
Como que eu faço para recuperar via jquery, o valor de um input em uma outra página.php?
Eu tenho um formulário com uma combo e os códigos dos produtos. Ao selecionar um dos códigos dos produto, então dentro de uma div, ele carrega as informações do produtos os quais busco no banco de dados e organizo dentro de uma tabela html. Ao carregar esses dados via loop, então ele cria o campo input "Definir a Largura da Porta:" mostrado logo abaixo. Assim que o usuário seleciona o produto e define a largura, então envia para o carrinho de compras.
O que eu não estou conseguindo capturar: o valor desse input digitado pelo usuário e enviá-lo para o carrinho. Alguém pode me ajudar?
Desde já agradeço.
Esse código está dentro do arquivo mostra_itens.php, que por sua vez é carregado dentro do formulário produtos.php
Vou passar o algoritmo ( passo a passo) para esclarecer melhor:
(parte do código)
arquivo: produto.php
Aquí eu seleciono o valor código do produto através de uma combo.
<form method="POST" action="" id="f_res">
<select name="cbo_uds" size="1" id="cbo_uds">
<option value="0" selected="selected">Selecione o ítem...</option>
<option value="VP-01">VP-01</option>
<option value="VP-02">VP-02</option>
<option value="VP-03">VP-03</option>
</select>
</form>
arquivo: mostra_item.php
* Só lembrando que este arquivo retorna os dados dentro da página: produtos.php
<body>
<form method="POST" action="" id="enviar_para_carrinho">
<!-- criando uma tabela html...-->
<table id="t_pics"width="1100" height="400" border="0" align="center">
<?php
if(isset($_POST['cbo_uds'])){
//Conecta o banco de dados e traz as informações dos produtos...
include("conexao.php");
$pdo=conectar();
try{
$item = $_POST['cbo_uds']; //recuperando o item selecionado na combo...
$codigo=$item;
//Buscando dados...
$sql=$pdo->prepare("SELECT * FROM produtos WHERE codigo = :codigo");
$sql->bindParam(':codigo', $_GET['codigo'], PDO::PARAM_STR);
$sql->execute(array('codigo' => $codigo));
while($linha=$sql->fetch(PDO::FETCH_ASSOC)){
$id=$linha["id"];
$codigo=$linha["codigo"];
$imgpath=$linha["imgpath"];
$img="<img src='img/vpjs/". $imgpath ."'";
$cor=$linha["cor"];
$aplicacao=$linha["aplicacao"];
$unit=$linha["unit"];
}
echo '<tr>';
echo'<td colspan="2" rowspan="8" id="q1">'. $img . '</td>';
echo '<td height=45"></td>';
echo '</tr>';
echo '<tr>';
echo '<td height=45">' ." Código: ". $codigo . '</td>';
echo '</tr>';
echo '<tr>';
echo '<td height="45">' . "Cor: " . $cor . '</td>';
echo '</tr>';
echo '<tr>';
echo '<td height="45">' . "Valor: " . $unit . '</td>';
echo '</tr>';
echo '<tr>';
echo '<td width="500" height="48">' . "Aplicação: ". $aplicacao . '</td>';
echo '</tr>';
echo '<tr>';
echo '<td height="45">'."Definir a Largura da Porta: ".'<input type="text" name="deflarg" id="deflarg" size="5" maxlength="5"/>'. " cm".'</td>';
echo '</tr>';
echo '<tr>';
//echo '<td height="45">' . '<input type="submit" name="comprar" value="COMPRAR"/>'.'</td>';
//echo '<td height="45">' . '<a href="carrinho.php?acao=add&id='.$linha["id"].'">Comprar</a>'.'</td>';
echo'<td height="45">' . '<a href="carrinho.php?acao=add&id='.$id.'">
<img src="img/comprar-1.png" id="add_car" height="70" width="200" align="center" title="Adicionar ao Carrinho"></a>'.'</td>';
echo '</tr>';
echo '<tr>';
echo '<td height="45"></td>';
echo '</tr>';
//fechando a conexão
$pdo = null;
}
catch(PDOExcception $erro)
{
echo $erro->getmessage();
}
}
?>
</tr>
</table>
</form>
</body>
O objetivo agora é enviar o valor da largura da porta para o carrinho. O carrinho está funcionando perfeitamente. Somente esse input que não está enviando.
Tentei até com ajax, mas não obtive êxito ainda. Está faltando alguma coisa....
Alguém pode me dar uma luz ?
No arquivo mostra_item.php, estou usando esse jquery+ajax ou json... só que retorna var_dump = size 0.
<script type="text/javascript">
$(document).ready(function(){
$("#add_car").click(function(e){
var codigo = $("#deflarg").val();
//alert(largura);
$.post("enviar_para_carrinho.php", {codigo:codigo},
function(data){
$("#deflarg").val(data.name);
}, "json");
//alert(largura);
});
//});
});
</script>