Reemplazar input dinámicamente

[Adler]

Hola

Veamos, prueba con esto

Código javascript:

<script type="text/javascript">
 var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var ns6 = (document.getElementById)? true:false
 
function captura_objeto(idnombre) {
    if (ns6)
    {
    return document.getElementById(idnombre);
    }
    else if (ie4)
    {
    return document.all[idnombre];
    }
    else if (ns4)
    {
    return document.layers[idnombre];
    }
    else
    {
    return null;
    }
}
 
 
function creaAjax(){
    var ajaxs = ["Msxml2.XMLHTTP","Msxml2.XMLHTTP.4.0","Msxml2.XMLH TTP.5.0","Msxml2.XMLHTTP.3.0","Microsoft.XMLHTTP"];
    var ajax = false;
    for(var i=0 ; !ajax && i<ajaxs.length ; i++){
        try{ 
            ajax = new ActiveXObject(ajaxs[i]);   // Internet Explorer
        }
        catch(e) { 
            ajax = false; 
        }
    }
    if(!ajax && typeof XMLHttpRequest!='undefined') {
        ajax = new XMLHttpRequest();  // Firefox, Opera 8.0+, Safari
    }
    return ajax;
}
 
 
function MuestraDatos() {
var url = "2.php"
var ajax=creaAjax();
var ditancia = captura_objeto("num1").options[captura_objeto("num1").selectedIndex].value);
var ritmo = captura_objeto("num2").value;
var tiempo = captura_objeto("num3").value;
var objetosel1 = captura_objeto("num2");
var objetosel2 = captura_objeto("num3");
ajax.open('POST',url,true);
ajax.onreadystatechange = function() {
 
        if (ajax==null){
        alert ("Tu navegador web no soporta AJAX!");
        return;
    }
 
        if (ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3) {
                                        objetosel1.value= "";
            }
 
                else if (ajax.readyState==4){
                    if(ajax.status==200){          
            var valores = unescape(ajax.responseText);  
            objetosel1.value = valores.split(",")[0]; // Ritmo
            objetosel2.value = valores.split(",")[1]; // Tiempo
 
                   }
                    else if (ajax.status==404)
                                             {
 
                                    objetosel1.value = "La dirección no existe";
                                             }
                                     else
                                             {
                                    objetosel1.value = "Se ha producido un error";
                                             }
                                    }
                  }
    
    ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            ajax.setRequestHeader('Content-Length', ritmo.length);  
    ajax.send("distancia="+distancia+"&ritmo=+ritmo+"&tiempo="+tiempo);
            return
}
</script>
 

Has de hacer varios cambios
+ En vez de usar un submit usas un botón. Y con onclick llamas a la función MuestraDatos()
+ A los campos del form añadeles ids
+ Cambia si es necesario los nombres de las variables para adaptarlas a lo que ya tienes
+ En la respuesta tendrá que haber dos datos separados por comas; por ejemplo quiere saber el tiempo que tardará, así que manda 3:45, pues en la respuesta ha de ser 3:45,1:40:30

Alguna duda, pregunta

Suerte