jquery Passar valores de inputs para PHP

[Gabrielvt14 4]

Olá,

 

Sou novo com jQuery e estou com dificuldades para passar valores de dois inputs para o PHP.

É o seguinte... Eu tenho dois inputs, um preenchido automaticamente por um script PHP, e o outro o usuario entra com o valor, e um terceiro input para fazer o calculo de subtração ou adição dos dois primeiros inputs.

Criei os seguintes tópicos: https://pt.stackoverflow.com/questions/212357/somar-valores-de-dois-inputs-e-mostrar-em-terceiro/212385?noredirect=1#comment434490_212385

Esses dois tópicos criei para tentar realizar o calculo direto com jquery.

Mas acabei vendo que os valores passados pelo PHP, do primeiro input, estão interferindo no cálculo com jQuery. Quando eu dava alert no primeiro input ele retornava um alert escrito: 'undefined'

 

Então pensei em passar os valores dos dois inputs para um script PHP e realizar o cálculo por lá, e então mostrar o resultado em uma tereira DIV

 

Mas com o código jQuery que montei não estou conseguindo passar os valores, alguém poderia me ajudar?

Ja pesquisei e também achei um artigo sobre: https://pt.stackoverflow.com/questions/207392/passar-variável-jquery-para-php

Mas não consegui resolver.

 

Com o código que fiz, eu queria o var_dump do php aparecendo no terceiro input.

 

Ficou assim o HTML:

<div class="form-group" id="formvalor">
  <label class="control-label col-md-3 col-sm-3 col-xs-12">Valor <small>(R$) </small><span class="required">*</span></label>
  <div class="col-md-3 col-sm-3 col-xs-12" id="valor_total">
    <input type="text" class="form-control col-md-7 col-xs-12 decimal" name="valor" id="valor" value="10" readonly><br>
  </div>
</div>

<div class="form-group">
  <label class="control-label col-md-3 col-sm-3 col-xs-12">Entrada <small>(R$) </small><span class="required">*</span></label>
  <div class="col-md-3 col-sm-3 col-xs-12" id="valEntrada">
    <input type="text" class="form-control col-md-7 col-xs-12 decimal" name="entrada" id="entrada" value="0"><br>
  </div>
</div>

<div class="form-group">
  <label class="control-label col-md-3 col-sm-3 col-xs-12">Saldo <small>(R$) </small><span class="required">*</span></label>
  <div class="col-md-3 col-sm-3 col-xs-12" id="saldo_total">
    <input type="text" class="form-control col-md-7 col-xs-12 decimal" name="saldo" id="saldo" value="" readonly>
  </div>
</div>

O jQuery para passar os valores (Pode ser tanto GET com POST, pra mim nao faz diferença):

$("#entrada").change(function(){
	$.post("saldo_total.php",
	{entrada:''+$("#entrada").val()+'', valor:''+$("#valor").val()+''},
	function(valor){
		$("#saldo").html(valor);
	});
});

E o PHP:

<?php

	var_dump($_POST);

 

Esta foi a solução que achei para realizar o cálculo, mas se alguém souber de outra em que eu consiga realizar o cálculo sem que os valores PHP interfira no jQuery pode dizer.

 

Alguém poderia me ajudar?

 

Grato!