Não estou conseguindo enviar o valor de um input para outra página php.
Em minha página produtos.php eu faço uma busca no banco de dados e carrego a página mostrar_itens dentro de uma div. Ao carregar os dados dentro desta div, eu monto um input. Esse "input: deflarg" que eu não estou conseguindo enviar para o carrinho.php
parte do código...mostrar_itens.php
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>';
Dentro da página mostra_item estou usando essa jquery + Ajax, porém sem sucesso.
<script type="text/javascript">
$(document).ready(function(){
$("#add_car").click(function(e){
if($("#deflarg").val()==""){
alert("Ôpa!!! " + "Você esqueceu de digitar a largura!");
e.preventDefault();
}
$.ajax({
url: 'carrinho.php',
type: 'POST',
data: $('enviar_para_carrinho').serialize(),
success: function(data){
$('#deflarg').html(data);
}
});
});
});
</script>
Na página carrinho.php, estou fazendo assim:
<?php
$largura = $_POST["deflarg"];
echo "Largura: " . $largura;
?>
Onde estou errando ?
$('enviar_para_carrinho').serialize()
para ver se os dados estão lá.$('.enviar_para_carrinho')
é a classe da tag<form>
?