Récupération texte option pour modification js dans onChange

<form action="<?php echo  $PHP_SELF; ?>" method="post"> 
<select name="taille" id="taille" onChange="document.location.href='vetements-'+document.getElementById(this.id)+'.html'"> 
<option value="taille-36">Taille 36</option> 
<option value="taille-38">Taille 38</option> 
<option value="taille-40" >Taille 40</option> 
</select> 
</form>

<script type="text/javascript">
function page_html(id_choix,n_index){
	//on atteint l'élément option choisi
	var choix=document.getElementById(id_choix);
	
	if(choix.value !=""){	
		//si ce n'est pas la première ligne (--Choisissez--)
			//recup du texte
		var texte_option=choix.options[n_index].text;
			//remplacement de l'espace en -			
		var reg=new RegExp(" ", "g");
		texte_option=texte_option.replace(reg,"-");
		//mise en minuscules
		texte_option=texte_option.toLowerCase();
		//construction de l'url
		var url="vetements-"+texte_option+"-3.html";
		//redirection
		document.location.href=url;
	}

}

</script>

<form action="<?php echo $PHP_SELF; ?>" method="post">

<select name="taille" id="taille" onChange="page_html(this.id,this.selectedIndex);">
<!-- pour avoir un changement à chaque fois il faut cette ligne --Choisissez-- sinon on ne peut pas choisir directement Taille 36 -->
<option value="">--Choisissez--</option>
<option value="3">Taille 36</option>
<option value="4">Taille 38</option>
<option value="5" >Taille 40</option>
</select>
</form>