PHP e JavaScript

[Célio Morais]

Caros,

boa tarde!

baixei uma função em javascript que calcula a distância em KM de um ponto a outro. Uma div exibe o resultado na tela. Preciso que esse valor seja salvo em uma variável PHP. Abaixo, os dados:

Função:

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">

function CalculaDistancia() {

$('#litResultado').html('Aguarde...');

var service = new google.maps.DistanceMatrixService();

service.getDistanceMatrix(

{

origins: [$("#txtOrigem").val()],

destinations: [$("#txtDestino").val()],

travelMode: google.maps.TravelMode.DRIVING,

unitSystem: google.maps.UnitSystem.METRIC

}, callback);

}

function callback(response, status) {

if (status != google.maps.DistanceMatrixStatus.OK)

$('#litResultado').html(status);

else {

$('#litResultado').html("<strong>Origem</strong>: " + response.rows[0].elements[0].distance.text

);

$("#map").attr("src", "https://maps.google.com/maps?saddr=" + response.originAddresses + "&daddr=" + response.destinationAddresses + "&output=embed");

}

}

</script>

HTML:

<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

<form name="" action="" method="post" enctype="multipart/form-data">

<tr>

<td>

<label for="txtOrigem"><strong>Endere&ccedil;o de origem</strong></label>

<input type="text" id="txtOrigem" class="field" style="width: 400px" />

</td>

</tr>

<tr>

<td>

<label for="txtDestino"><strong>Endere&ccedil;o de destino</strong></label>

<input type="text" style="width: 400px" class="field" id="txtDestino" />

</td>

</tr>

<tr>

<td>

<input type="hidden" name="distancia1" value="" onclick="CalculaDistancia()" class="btnNew"/>

<input type="button" name="distancia" value="Calcular dist&acirc;ncia" onclick="CalculaDistancia()" class="btnNew" />

</td>

</tr>

</form>

</tbody>

</table>

<div><span id="litResultado">&nbsp;</span></div>

Como salvo o valor que está nesse ID para uma variável php?

Obrigado!

Célio Morais.