Hola que modificaria de esto para que funcione

[jonathan777]

Hola estoy probando ajax y eh encontrado un fragmento de codigo que quisiese utilizar pero no se como modificarlo para mis necesidades se trata de un select y el evento onchange.
Adjunto el codigo.

Código Javascript:

<div id="Direcciones">
            <script language="JavaScript" type="text/javascript" src="ajax.js"></script>
            <form id="form9" name="form9">
                <p>Direcciones</p>
                <select id ="transporte" size="5" onchange="almacenar('Almacenar_UD.php?id='+this.value)">
                </select>
            </form></div>
 

La idea es que cuando seleccione un elemento este pase a una variable session

Código PHP:

<?php
session_start();
$_SESSION['ultima_direccion'] = $_GET['id'];
echo "Recibio ".$_SESSION['ultima_direccion'];
?>
 

y la consulta ajax donde tengo la duda tremenda.

Código Javascript:

function objetoAjax(){
    var xmlhttp=false;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}
 
function almacenar(datos){
    divResultado = document.getElementById('Direcciones');
    ajax=objetoAjax();
    ajax.open("GET", datos);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            divResultado.innerHTML = ajax.responseText
        }
    }
    ajax.send(null)
}
 

Lo que sucede con este codigo ajax es que me recarga todo el div,y pierde los datos ,prove pasandole el di del select y pierdo los datos del select como solucionaria esto.Gracias.

[maycolalvarez]

simple: colocarle al div en donde quieres los resultados id="Direcciones", que puede ser otro nuevo debajo del select, si le colocas el select o al div superior ese id, estarías recargándolo todo.

[jonathan777]

Hola tengo una duda mas con this.value paso el valor seleccionado ahora tengo la duda, y si quiero pasar todos los elementos del select con un array como lo pasaria.

El motivo es que cuando hago ese recargo el select desaparece y se imprime el valor que consigne en el echo.

Mi idea es con el array recuperado regenerar el select y mandarlo como impresion asi tendria el select presente aunque se borre con la recarga.

[jonathan777]

Ya corregi el problema en el php recree los select y los hice imprimir asi no se pierden

[maycolalvarez]

¿para que le vas a pasar todos los valores del select?, usa la lógica:

si en esta línea dice que innerHTML (o HTML Interno) es igual a la respuesta:
var divResultado = document.getElementById('Direcciones');
...
divResultado.innerHTML = ajax.responseText;

¿no te parece lógico que si le asignas ese contenido a la capa que tiene el select, pierdas el select?, la solución es más simple: crea otro div independiente (abajo, al lado, donde sea) y que ése sea tu objetivo

[jonathan777]

ok cree un div dentro del select y veo que funciona