Hola tengo el siguiente problema hice este codigo para probar que estoy haciendo mal de forma mas facil
quiero hacer lo siguiente:
traerme un valor de la base de datos que bien puede ser (1,2 ó 3) para asi mostrar el div que corresponde a ese numero
en el ejemplo que coloque aqui lo hace pero solo al modificar el select,
lo que yo quiero es que al abrir la pagina me muestre el select previo segun el valor de la base de datos y luego si poder modificar la opcion del select en caso de yo querer mostrar otro div
que puedo hacer en este caso?
Código HTML:
<html>
<head>
<script type="text/javascript">
function mostrar() {
var valorinvisible=0;
valorinvisible=eval(document.getElementById('select').value); // VALOR DEL SELECT
if (valorinvisible==1){
document.getElementById('e1').style.display ='inherit';
document.getElementById('e2').style.display ='none';
document.getElementById('e3').style.display ='none';
}
else if (valorinvisible==2){
document.getElementById('e2').style.display ='inherit';
document.getElementById('e1').style.display ='none';
document.getElementById('e3').style.display ='none';
}
else if (valorinvisible==3){
document.getElementById('e3').style.display ='inherit';
document.getElementById('e2').style.display ='none';
document.getElementById('e1').style.display ='none';
}
}
</script>
</head>
<form id='alta' name='nalta' method="post" >
<select id="select" onchange='mostrar()'>
<option value="1">uno</option>
<option value="2">dos</option>
<option value="3">tres</option>
</select>
<br>
<table>
<tr>
<td>
<div id="e1" style="display:none"> <!---DIV INVISIBLE 1--->
<font style="color:#ff3000;">
hola 1
</font>
</div> <!---FIN DIV INVISIBLE 1--->
</td>
</tr>
<tr>
<td>
<div id="e2" style="display:none"> <!---DIV INVISIBLE 2--->
<font style="color:#ff3000;">
hola 2
</font>
</div> <!--- FIN DIV INVISIBLE 2--->
</td>
</tr>
<tr>
<td>
<div id="e3" style="display:none"> <!---DIV INVISIBLE 3--->
<font style="color:#ff3000;">
hola 3
</font>
</div> <!---FIN DIV INVISIBLE 3--->
</td>
</tr>
<table>
</form>
</body>
</html>