<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function sumar(f){
resultado=parseFloat(f['select1'].value)+parseFloat(f['select2'].value);
document.getElementById('suma').innerHTML=resultad o;
document.getElementById('op1').innerHTML="";
document.getElementById('op2').innerHTML="";
if(resultado>=0 && resultado<=3){
document.getElementById('op1').innerHTML=resultado ;
}else{
if(resultado>3 && resultado<=6){
document.getElementById('op2').innerHTML=resultado ;
}else{
alert("No se donde encasillarlo");
}
}
}
</script>
<style type="text/css">
<!--
.resultado {
font-size: 14px;
font-weight: bold;
color: #FF00FF;
background-color: #FFFF00;
}
-->
</style>
</head>
<body>
<form name="fff" method="post" action="">
<label>cuenta1
<select name="select1" size="1" id="select1" onChange="sumar(this.form)">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</label>
<label>cuenta2
<select name="select2" size="1" id="select2" onChange="sumar(this.form)">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</label>
<table border="1" >
<tr>
<td >aqui la suma total <span id="suma" class="resultado"></span></td>
</tr>
<tr>
<td bordercolor="#FF0000" >aqui si da entre 0 y 3 <span id="op1" class="resultado"></span></td>
</tr>
<tr>
<td bordercolor="#0000FF" >aqui si da entre 4 y 6 <span id="op2" class="resultado"> </span></td>
</tr>
</table></form>
</body>
</html>