Lien entre une balise select et un input non modifiable

Bonjours

je fait une partit de mon site ou un client pourra faire ses devis, mais, je ne trouve pas sur internet de tuto qui correspond a ce que je veut faire.

donc, j'ai un champs select ou il y aura les different service que je propose avec un tarif distins l'un de l'autre.

ca pas de problème,, je sais faire

mais là ou je ne sais pas faire
est

un client clique sur un service et cela indique dans un champs input dessous le tarif.

un petit exemple rapide :

<select name="services" onChange="updatePrix()" id="services" >
	<option value="service1">service1</option>
	<option value="service2">service2</option>
	<option value="service3">service3</option>
</select>
<input type="text" name="prix" value="prix service 1" id="prix" />

<script type="text/javascript">
function updatePrix(){
	var prix = new Array("prix service 1", "prix service 2","prix service 3");
	document.getElementById("prix").value = prix[document.getElementById('services').selectedIndex];
}
updatePrix();
</script>

c'est pas très compliqué