mostrar tablas de acuerdo al boton que se presiona

[flashtkd]

1-<input type=submit value='ver tabla 1'><br>
2-<input type=submit value='ver tabla 2'><br>
3-<input type=submit value='ver tabla 3'><br>

se supone que las tablas estan ocultas, son tres tablas en total.

que muestre las tablas en orden de presionado y no por orden de diseño. el orden de diseño es tabla_1, tabla_2 y tabla_3

si presiono 2, 3 y 1 deberia de mostrar aquellas tablas segun lo presionado en la pagina.
si presiono 3 solo mostrar aquella tabla_3.

Código PHP:

  <table name=tabla_1 id=tabla_1 border=1>
 <th colspan=2>tabla 1</th>
 <tr>
   <td colspan=2><input type=submit value='ver tabla 2'></td>
 </tr>
</table>
 
<br>
 
document.getElementById="
 
<table name=tabla_2 id=tabla_2 border=2>
 <th colspan=2>tabla 2</th>
 <tr>
   <td>
     <select name="select">
       <option>opcion 1</option>
       <option>opcion 2</option>
       <option>opcion 3</option>
       <option>opcion 4</option>
       <option>opcion 5</option>
       <option>opcion 6</option> 
       <option>opcion 7</option>
       <option>opcion 8</option>
       <option>opcion 9</option> 
       <option>opcion 10</option> 
     </select>
   </td>
 </tr>
 <tr>
   <td colspan=2><input type=submit value=seleccionar></td>
 </tr>
</table>
 
<br>
 
<table name=tabla_3 id=tabla_3 border=2>
 <th colspan=2>tabla 3</th>
 <tr>
   <td>tabla 3 </td> 
 <tr>
 <tr>
   <td colspan=2><input type=submit value=seleccionar></td>
 </tr>
</table> 
   

[Didi-chan]

Bueno no se si te he entendido del todo bien pero creo que lo que podías hacer es lo siguiente. Con dom crearte un objeto TABLE cuando le des al botón, pillar los tr de la tabla en cuestion que quieres agregar y agregarselos a tu nueva tabla. Y luego meterla en un div aparte de donde ya tengas las tablas creadas. Por ejemplo, imagina que el div donde quieres mostrar las tablas se llama divTablas y que hemos pulsado el botón de tabla_2.

Código:

var divTabla = document.getElementById("divTablas");
// Creas la tabla que vas a mostrar.
var tabla_a_mostrar = document.createElement("TABLE");
listaFilas = document.getElementById("tabla_2").getElementsByTagName("TR");


while(listaFilas.length >0){
 tabla_a_mostrar.appendChild(listaFilas[0]);
}
divTabla.appendChild(tabla_a_mostrar);

Creo que eso debería funcionar, al menos es una idea, se puede depurar, aunque no sé si es lo que buscabas.