Rafraichir div avec Select méthode POST

Bonjour,

mon dernier message n'a pas eu grand succès. Dommage! Suis toujours autant bloquée...
D'autres soucis sur mon site, parmi...:

J'utilise un select pour appeler différentes pages php. Le script utilisé est en méthode POST et je ne sais pas comment faire avec AJAX pour rafraichir le div qui reçoit le texte sans recharger toute la page.
J'y arrive en méthode GET au moyen de liens inclus dans un menu. Mais avec le select je suis coincée. Aucune piste et je cherche depuis plusieurs jours.Voici la forme élémentaire de mon sélect:

<form action="#" method="POST">
<fieldset>
<legend>Thème</legend>
<label for="nom">Rubriques</label>
<select id="nom" onChange="location.href='index.php?page='+document.getElementById('nom').options[document.getElementById

('nom').selectedIndex].value">
<option value="1" >-------------</option>
<option value="rubrique1" >Rubrique1</option>
<option value="rubrique2">Rubrique2</option>
<option value="rubrique3" >Rubrique3</option>
</select>
</fieldset>
</form>

Pour info voici le script ajax.js:

function envoieRequete(url,id)
{
var xhr_object = null;
var position = id;
if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
else
if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");

// On ouvre la requete vers la page désirée
xhr_object.open("GET", url, true);
xhr_object.onreadystatechange = function(){
if ( xhr_object.readyState == 4 )
{
// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
document.getElementById(position).innerHTML = xhr_object.responseText;
}
}
// dans le cas du get
xhr_object.send(null);

}


Qu'est-ce que je suis censée écrire et y aura-t-il conflit avec mon ajax.js qui appelle d'autres pages en méthode GET? Sinon est-ce que je peux le transformer pour le passer en GET?
Merci de votre aide!