explorateur ki gratte à fond!

Salut les gars, je voudrais juste savoir pourquoi mon explorateur ne s'arrete jamais en faisant :

<form action="" method="post" >
    <select name="heure_recup" size="1" id="heure_recup" onChange="mafonction(this.value);">
        <option selected="selected">... choisir</option>
            <option>9h</option>
            <option>11h</option>
            <option>13h</option>
            <option>15h</option>
            <option>20h</option>
            <option>22h</option>
    </select>
</form>

<script language="JavaScript">
    function mafonction(valeur) {
        document.write(valeur)
    }

</script>

j'ai mon explorateur qui charge toujours...
Je ne sais pas pourquoi!!
Merci et au plus vite!
Bonne soirée

<script>
    function f(val) {
        document.getElementById('choix').innerHTML = val;
    }
</script>

<form action="" method="post">
    <select name="Nombre_voiture" size="1" id="nb_voiture" onchange="f(this.value)">
        <option selected="selected">... choisir</option>
        <option>9h</option>
        <option>11h</option>
        <option>13h</option>
        <option>15h</option>
        <option>20h</option>
        <option>22h</option>
    </select>
</form>

<h1 id="choix">choix...</h1>

marche chez moi ...

merci mcjoedassin pour tes réponses. T'es vraiment cool.
Ton truc marche juste sous Firefox.
Sous IE il n'affiche rien après la sélection.