Tengo un div
en HTML con un select
y quiero que al llamar a una función de JavaScript el contenido de este div
cambie, tras hacer varias cosas en mi código JavaScript. Quiero que desaparezca este select
y aparezca una tabla que rellenaré mediante JavaScript para cambiar el contenido.
¿Puedo tener de alguna manera un div
oculto con la tabla hasta desactivar el div
con el select
y activar el div
con la tabla?
Sería cambiar el contenido del div
con id=loggedin
(la tabla que está en ese div
no es la que quiero rellenar, esa la utilizo para colocar el select
).
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="loggedin">
<div id="header">
Logged in to as <span id="fullName"></span>
<a id="disconnect" href="#">Log Out</a>
</div>
<div id="output"> </div>
<table id=tabla style="width:100%">
<tr> </tr> <tr> <th> </th> </tr>
<tr> </tr> <tr> <th> </th> </tr>
<tr>
<th>
<select class="select" id="boards"></select>
</th>
</tr>
</table>
<span id="res"> nada</span>
<span id="res2"> nada</span>
<span id="res3"> nada</span>
</div>