Sustituir filas en una tabla

[vesvello]

Tengo un formulario de busqueda creado en una tabla.
En principio el criterio de busqueda esta por nombre pero quisiera hacer que al pulsar sobre prefiero buscar por apellido sustituyera/ocultara la fila del nombre con la del apellido.

Alguna ayuda?

Encontre un par de scripts con jquery pero me altera el fomrato de la tabla en safari.

Código HTML:

<tr height="35px">
    <td width="275" align="left" class=iselect>Nombre</td>
	</tr>
<tr height="35px">
	<td width="275"><input type="text" value="nombre" name="nombre"></td>
</tr>
<tr height="35px">
    <td width="275" align="left" class=iselect>Apellido</td>
	</tr>
<tr height="35px">
	<td width="275"><input type="text" value="apellido" name="apellido"></td>
</tr>

<tr height="35px">
    <td width="275" align="left" class=iselect> <a href="#" >Prefiero buscar por Apellido</a></td> 

[Kenichi]

Lo que buscas es muy facil:

Código HTML:

<tr height="35px" class="nombre">
    <td width="275" align="left" class=iselect>Nombre</td>
	</tr>
<tr height="35px" class="nombre">
	<td width="275"><input type="text" value="nombre" name="nombre"></td>
</tr>
<tr height="35px">
    <td width="275" align="left" class=iselect>Apellido</td>
	</tr>
<tr height="35px">
	<td width="275"><input type="text" value="apellido" name="apellido"></td>
</tr>

<tr height="35px">
    <td width="275" align="left" class=iselect> <a href="#" onclick="$('.nombre').toggle()">Prefiero buscar por Apellido</a></td> 

Espero que te sirva, saludos.

[vesvello]

Gracias por la respuesta, pero no es exactamente lo que busco, porque a lo que me refiero es que desparezca nombre y que aparezca apellido. Vamos que cuanod una este visible la otra este oculta.

Gracias

[ClubIce]

hmmm, colocale un id a cada TR y lugo crea un funcion cion donde se apliquenlos siguienetes estilos para oculal:
height:0
border:0
overflow:hidden;

y para msotrar:

height:tuHeight
border:tuBorder
overflow:auto;

[Kenichi]

Pues si entiendo bien lo que quieres, debes crear una funcion que cambie las partes de la tabla

Código Javascript:

<script type="text/javascript">
function mostrarApellido()
{
 document.getElementById('titulo').innerHTML = 'Apellido';
 document.getElementById('texto').setAttribute('name,'apellido');
 document.getElementById('texto').value = 'Apellido';
}
</script>
 

Luego el HTML deberia quedar algo asi:

Código HTML:

<tr height="35px">
    <td width="275" align="left" class=iselect id="titulo">Nombre</td>
    </tr>
<tr height="35px">
    <td width="275"><input type="text" value="nombre" name="nombre" id="texto"></td>
</tr>

<tr height="35px">
    <td width="275" align="left" class=iselect> <a href="#" onclick="mostrarApellido">Prefiero buscar por Apellido</a></td> 

Obviamente es solamente un ejemplo para que lo edites y lo adaptes a tu codigo.
Saludos.