Preciso de uma ajuda que estou encravado aqui e, não entendo de AJAX. Tenho estes campos, select(tour), QTE(adults) QTE(Child) TOTAL ( onde executa o calculo). Preciso que ao calcular, ao clicar no icon, passe também para outro form, os valores: TOUR e o TOTAL calculado, tem como fazer isso, não queria enviar para outra página.
<td>
<div>
<select class="form-control" name="tour" id="tour">
<option>Choose a tour</option>
<option value="98">Douro Valley Tour</option>
<option value="118">Bairrada Wine Tour</option>
</select>
</div>
</td>
<td>
<div class="numbers-row">
<input type="text" value="1" id="adults" class="qty2 form-control" name="adults">
</div>
</td>
<td>
<div class="numbers-row">
<input type="text" value="0" id="child" class="qty2 form-control" name="child">
</div>
</td>
<td>
<span id="soma"></span>
</td>
<td class="options">
<a href='javascript:calcular();'><i class="icon-ccw-2"></i></a>
</td>
</tr>
</tbody>
</table>
<script>
function calcular() {
var unit = "45";
var tour = Number(document.getElementById("tour").value);
var adults = Number(document.getElementById("adults").value);
var child = Number(document.getElementById("child").value);
var elemResult = document.getElementById("soma");
if (elemResult.textContent === undefined) {
elemResult.textContent = String(tour * adults + unit * child)+ ".00€";
}
else { // IE
elemResult.innerText = String(tour * adults + unit * child) + ".00€";
}
}
</script>
<input type="hidden" name="item_name" value="SELECT">
<input type="hidden" name="amount" value="TOTAL">
document.getElementById('id-do-input').value = 'valor desejado';
.tour
, em um dos inputs, e o resultado da sua conta no outro?