Combo con descripcion dinámica

[educlon]

Hola, a ver si alguien me puede dar una mano. Tengo un select mostrando productos. Necesito que al seleccionar un item del select, me muestre dentro de un textbox su precio. Tengo el siguiente código que hace eso pero mostrando el precio dentro de un SPAN:

Código HTML:

<form name="f1">
	<select name="select1" onChange="displaydesc(document.f1.select1, thetext1, 'textcontainer1')">
		<option value="1" selected>Router</option>
		<option value="2">Mouse</option>
		<option value="3">Teclado</option>
		<option value="4">Hub USB</option>
		<option value="5">Gabinete</option>
	</select>
	
	<span id="textcontainer1" align="left"></span> <!-- Acá se puestra el precio -->

</form> 

Este es el codigo del javascript:

Código PHP:

  <script type="text/javascript"> 
 
var thetext1=new Array() // Array con los precios de los productos 
thetext1[0]="150.00" 
thetext1[1]="98.33" 
thetext1[2]="135.76" 
thetext1[3]="224.65" 
thetext1[4]="345.99" 
 
// Función para camniar el precio en el SPAN 
function displaydesc(which, descriptionarray, container) 
{ 
    if (document.getElementById) 
    { 
        document.getElementById(container).innerHTML=descriptionarray[which.selectedIndex]; 
    } 
} 
 
displaydesc(document.f1.select1, thetext1, 'textcontainer1') 
 
</script>  
  

Se podrá modificar para que en vez de mostrarlo en un SPAN, muestre el precio dentro del value del INPUT?

Mil gracias de antemano y saludos...

[David]

Sólo tienes que asignar un id al input, y en lugar de usar innerHTML para asignar el valor, usa la propiedad value

[educlon]

Perfecto, mil gracias David, sos un grande. Acá posteo el codigo con el input:

Código HTML:

<form name="f1">
	<select name="select1" onChange="displaydesc(document.f1.select1, thetext1, 'textcontainer1')">
		<option value="1" selected>Router</option>
		<option value="2">Mouse</option>
		<option value="3">Teclado</option>
		<option value="4">Hub USB</option>
		<option value="5">Gabinete</option>
	</select>
	<input type="text" id="textcontainer1" name="precio"> <!--  Acá se muestra el precio -->

</form>

<script type="text/javascript">

var thetext1=new Array() // Array con los precios de los productos
thetext1[0]="150.00"
thetext1[1]="98.33"
thetext1[2]="135.76"
thetext1[3]="224.65"
thetext1[4]="345.99"

// Función para cambiar el precio en el INPUT TEXT
function displaydesc(which, descriptionarray, container)
{
	if (document.getElementById)
	{
		document.getElementById(container).value=descriptionarray[which.selectedIndex];
	}
}

displaydesc(document.f1.select1, thetext1, 'textcontainer1')

</script> 

Mil gracias y saludos...