Passaggio scelte form

[fermat]

ho questo form:

        <form action="" name="bgs">
            <select size="8">
                <option class="bg1">Default white</option>
                <option class="bg2">Red</option>
                <option class="bg3">Yellow</option>
            </select>
            


            <select size="8">
                <option class="font1" style="font-family: Tahoma;">Tahoma</option>
                <option class="font2" style="font-family: 'Comic Sans MS';">Arial</option>
                <option class="font3" style="font-family: 'Times New Roman';">Times new roman</option>
            </select>
            


            <input type="button" name="submit" value="Invia" onclick="passaValori(this);"/>
        </form>

quando clicco sul bottone dovrebbe apparire un div a fondo pagina con tutte le scelte fatte nel form.
la funzione che avrei creato è questa:

function passaValori(the_request) {
    var request = null;
    if(window.XMLHttpRequest) {
        request = new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        request = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if(request) {
        request.open("GET", the_request);
        request.onreadystatechange = function() {
            if(request.readyState == 4) {
document.getElementById("resultDiv").innerHTML = a che cosa ;
            }
        }
        request.send(null);
    } else {
        alert('nn funziona');
    }
}

come faccio a immettere i valori scelti nel form??