<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> <select name="selectValue" onchange="mostra(this.value)"> <option value=""></option> <option value="santos">Santos</option> <option value="retroPorto">Retro Porto</option> <option value="itajai">Itajai</option> <option value="paranagua">Paranaguá</option> <option value="curitiba">Curitiba</option> <option value="saoPaulo">Sao Paulo</option> </select> <div class="esconde" id="opdRetro"> <table class="table table-striped table-hover "> <thead> <tr class="bg-primary"> <th>Rut</th> <th>Status</th> <th>Acciones</th> </tr> </thead> <tbody> <!-- para abrir em outra aba adicionar target="_blank" --> <tr> <td>19.123.123-2</td> <td>Activo</td> <td><a href="#">| Ver Datos |</a></td> </tr> <tr> <td>13.523.645-K</td> <td>Activo</td> <td><a href="#">| Ver Datos |</a></td> </tr> <tr> <td>20.546.974-2</td> <td>Inactivo</td> <td><a href="#">| Ver Datos |</a></td> </tr> <tr> <td>19.532.124-9</td> <td>Activo</td> <td><a href="#">| Ver Datos |</a></td> </tr> </div> </div>