O evento change
não está funcionando. Não é possível alterar os valores resgatados dos elementos buscados:
function trimestre(){
var op = document.getElementById('tt').Value;
if(op == 1){
document.getElementById('vp').value = 18;
document.getElementById('vt').value = 30;
}else if(op == 2 || op == 3){
document.getElementById('np').value = 21;
document.getElementById('vt').value = 35;
}
}
<label>Trimestre: </label><select name="trimestre" id="tt" onchange="trimestre()">
<option value="1">Primeiro</option>
<option value="2">Segundo</option>
<option value="3">Terceiro</option>
</select><br><br>
<label>Valor do trimestre: </label><input type="text" readonly id="vt" value="30"><br><br>
<label>Nota para passar: </label><input type="text" name="nota" id="np" readonly value="18"><br><br>