Como se puede hacer esto en JavaScript

ray_rockus · #1 (**permalink**) 05/11/2003, 14:38

No sé ke podría hacer en JavaScript para hacer lo siguiente tengo un combobox (acomodado dentro de una tabla HTML) en un formulario HTML con opciones 4 predefinidas y la opción Otro.
Necesito que cuando se seleccione la opción, Otro, en la siguiente fila ( <tr></tr> ) aparezca en la primera celda (primer <td> </td> ) el tetxo ¿Cuál? y en la segunda celda un cuadro de texto. y si vuelve a cambiar de opción seleccionada todo eso (texto y cuadro de texto) desaparezca.

Es posible hacer esto en JavaScript ?
Si es posible que sintaxis debo utilizar o si me pueden proporcionar un código o un ejemplo.

Les agradezco mucho la ayuda y la atención...

Saludos

caricatos · #2 (**permalink**) 05/11/2003, 14:50

Hola ray_rockus:

Se trata de cambiar el estilo de los elementos que quieres mostrar/ocultar...

puedes usar visibility: hidden/visible o display: none/block y modificar el estilo con el cambio en la selección:

Más o menos así:
<select onchange="if (this.selectedIndex == 0) {document.getElementById('cual').style.visibility = 'visible';
document.getElementById('entrada').style.visibilit y = 'visible'}
else {document.getElementById('cual').style.visibility = 'visible';
document.getElementById('entrada').style.visibilit y = 'visible';}">
<option>Otro</option>
<option>una opción</option>
<option>otra opción</option>
</select>
<table><tr><td><span id=cual>¿Cuál?</span></td></tr>
<tr><td><input type=text id=entrada></td></tr></table>

Espero que te sirva.

Saludos

ray_rockus · #3 (**permalink**) 05/11/2003, 17:26

Oye amigo no sé ke podría ser, segui tu ejemplo y cambie las opciones visibility/hidden y no me sale, no se que pueda ser. Te pego el código...

<body>
<script language="JavaScript">
function cambiar(){
f (this.selectedIndex == 0) {
document.getElementById('cual').style.visibility = 'visible';
document.getElementById('entrada').style.visibilit y = 'visible'
}
else {
document.getElementById('cual').style.visibility = 'hidden';
document.getElementById('entrada').style.visibilit y = 'hidden';
}
}
</script>
<form name="form1">
<table>
<tr><td><select onchange="cambiar()">
<option>Otro</option>
<option>una opción</option>
<option>otra opción</option>
</select>
</td>
</tr>
<tr><td><span id="cual" style="hidden">¿Cuál?</span></td></tr>
<tr><td><input type="text" id="entrada" style="hidden"></td></tr>
</table>
</form>
</body>

Espero y puedas ayudarme a ver donde esta el error

caricatos · #4 (**permalink**) 06/11/2003, 01:37

Hola otra vez:

Lo que veo mal es el principio de la función cambiar, donde pones this.selectedIndex, la función no puede saber que es this...

Prueba con:

function cambiar(){
if (document.forms[0].elSelect.selectedIndex == 0) {
...

Si hay más de un formulario, debes cambiar forms[0] por lo que corresponda, y "elSelect" cambialo por el atributo name que le des al select.

Saludos

caricatos · #5 (**permalink**) 07/11/2003, 06:48

Hola otra vez:

Perdona por no responderte en privado, pero creo que las respuestas pueden ser útiles a mucha gente:

En la siguiente página hay un ejemplo y el código para quitar y poner filas en una tabla: http://www.pepemolina.com/tablas/index.html

Fíjate si te sirve, y si necesitas hacer modificaciones, te ayudaré con gusto.

Saludos