<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>
// meses contiene un array bidimensional, donde el primer valor
// equivale al value del <select>.
// El segundo valor, equivale al valor que se muestra en el cuadro de texto
var meses={0:"", 1:12, 2:6, 3:3};
$(document).ready(function(){
// tanto si se pulsa con el raton, o se mueve el selector con el teclado
// generamos el evento para realizar el cambio de valor en el cuadro
// de texto
$("select[name=tiempo]").bind("change keyup",function(){
// Segun el valor recibido, mostramos en el cuadro de texto
// el segundo valor de la variables "meses"
$("#meses").val(meses[$(this).val()]);
});
});
</script>
<style>
</style>
</head>
<body>
<select name="tiempo">
<option value="">selecciona</option>
<option value="1">anual</option>
<option value="2">semestral</option>
<option value="3">trimestral</option>
</select>
<input type="text" id="meses">
</body>
</html>