Bueno mas o menos me ayudo tu respuesta pero si tuve que investigar algo y apenas hasta ahorita medio lo resolví pues me funciona en el previo localmente pero no al corgarlo en el servidor, aqui el codigo de ejemplo:
   
Código:
 <script type="text/javascript">
<!--
		function goMenu(form){
		dato = document.form.select1.options[document.form.select1.selectedIndex].value;
		costo = 145;
		total = dato*costo;
		document.getElementById("text1").innerHTML = total;
		 //document.form.textfield2.value=dato; 
}
//-->
</script>
</head>
<body>
 <form name="form" >
	  <select name="select1" onchange="javascript:goMenu(this)">
	    <option value="1" selected="selected" >1 año</option>
	    <option value="2">2 años</option>
	    <option value="3">3 años</option>
	    <option value="4">4 años</option>
	    <option value="5">5 años</option>
		
	    </select></form>
		<div id="text1">145</div>
</body>
  
Al darle en el editor "Previo en el navegador" funciona pero al cargarlo ya no. Creo que puede deberse a que el código le pertenece a cada una de las líneas resultados de un "foreach" : 
Código:
 <?
	$costo1=145;
	$costo2=165;
	$costo3=190;
	$costo4=290;
	$costo5=400;
	$selected = $_POST['paquetes'];	
	$dominios = $_POST['dominios'];
	$dominios = is_array($dominios)?$dominios:array();	
	foreach($dominios as $dominio){
		
	if($selected=='PS-Especial'){?>
	<tr><th><div align="left"> <?=$dominio?></div></th><th> $ <?=$costo1?></th>
	<th> M.N (Pesos mexicanos)</th><th><label>
<form name="form" >
	  <select name="select1" onchange="goMenu()">
	    <option value=1 selected="selected" >1 año</option>
	    <option value=2>2 años</option>
	    <option value=3>3 años</option>
	    <option value=4>4 años</option>
	    <option value=5>5 años</option>
		
	    </select></form>
	  </label></th><th>
	  <div id="text1">145</div>
	  </th>
	</tr>
	<?
  
O alguien que sepa cómo puedo resolverlo, saludos gracias.