Passaggio scelte form

[fermat]

ho provato con qualcosa del genere ma senza successo:

// funzione per resoconto scelte
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 = prendiElementoDaId("myform");
            }
        }
        request.send(null);
    } else {
        alert('nn funziona');
    }
}

function prendiElementoDaId(id_elemento) {
    var elemento;
    if(document.getElementById) {
        elemento = document.getElementById(id_elemento).value;
    } else {
        elemento = document.all[id_elemento].value;
    }
    return elemento;
}

pagina:

        <form action="" name="bgs" id="myform">
            <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>
        <div id="resultDiv">
            
        </div>