formulario

[echo_]

buenas noches a todos, primero que nada tengo un formulario sencillo el cual tiene un option que me da opciones de si es estudiante, particular o trabajador lo que quiero hacer es que cuando el usuario seleccione estudiante me aparesca abajo grado y nombre de la institucion claro para insertar y nomas llenar los campos todo esto lo tengo en php pero pienso que se necesita de JS

saludos

[caricatos]

Hola:

Dependerá si las opciones son de un select o de un campo tipo radio... si es un select debes programar el evento de cambio onchange y si es un radio programa el click... y supongo que te bastará con mostrar/ocultar una capa...

<select onchange="document.getElementById('opcional').styl e.display = (this.value == 'estudiante') ? 'block':'none'"...

Saludos

[echo_]

hola caricatos gracias por tu respuesta, es con select el option pero como quedaria la verdad no se nada de JS

[caricatos]

Hola:

Iniciado por echo_

hola caricatos gracias por tu respuesta, es con select el option pero como quedaria la verdad no se nada de JS

Tan solo debe existir esa capa que yo llamé "opcional", pero el id es lo de menos, y en esa capa deben estar esos controles... tal vez sea mejor que se encuentre justo debajo del select.

<select...

<div id="opcional" >
<input type="text" name="grado"...
<input type="text" name="nombre"...
</div>

Evidentemente estoy obviando el tema de la apariencia...

Saludos

[echo_]

haber tengo esto:

seleccione su ocupacion:

<SELECT NAME='correo' SIZE='1' onchange=location.href='pagina2.php?ref='+this.val ue>
<option value="1">estudiante</option>
<option value="2">particular</option>
<option value="3">empleado</option>
</select>

solo quiero que al seleccionar estudiante se me aparescan las opciones de grado e institucion abajo que no recarge la pag

[caricatos]

Hola:

Fíjate que con el cambio simulas el envío del formulario... deberías cambiar el chip y usar para los envíos un botón submit... y cambiar lo que tienes por lo que te he explicado.

Saludos

[echo_]

gracias por tu apoyo pero en realidad no te entiendo, no se mucho de tema en cuanto a php si o algun tuto que me puedan ayudar soy nuevo en JS

[echo_]

Primeramente buenas noches, tengo este siguiente codigo:

Código:

<select id="transfer_reason" name="transfer_reason" onchange="document.getElementById('estudiantedetail').style.display = (this.selectedIndex === 2) ? 

'block' : 'none';">
    <option value="trabajador">Trabajador</option>
    <option value="particular">Particular</option>
    <option value="estudiante">Estudiante</option>
</select>


<div id="estudiantedetail" style="display: none;">

    Edad:
    <input type="texto" name="edad">
    <br>
    Nombre de la escuela:
    <input type="texto" name="ciudad">
    <br>


</div>

Me corre bien solo que quiero que cuando seleccione trabajador me aparesca nombre de la empresa y el telefono, osea que me haga mas o menos lo mismo cuando selecciono estudiante gracias!

[caricatos]

Hola:

No entiendo ¿porqué? abres un nuevo tema si es la misma temática de otro que ya tenías abierto, y que parece que ya has solucionado, aunque en vez de usar this.selectedIndex, yo te había propuesto this.value, que creo que es mejor porque no necesitarías cambios especiales si necesitases modificar la lista de opciones, aunque eso quedará siempre bajo tu criterio.

Lo que pides es hacer lo mismo pero con otra opción; o sea basta con crear esa otra capa como has heccho con los estudiantes, y poner detrás de la primera instrucción que tienes una similar pero con la opción de los trabajadores, separando las instrucciones por el separador de instrucciones de javascript: ";".

Por cierto, ya habrás notado que hemos unido los temas.

Saludos

[echo_]

Gracias por tu comentario tengo lo siguiente pero no se que tengo mal:

<select id="transfer_reason" name="transfer_reason" onchange="document.getElementById('estudiantedetai l').style.display = (this.selectedIndex === 2);

onchange="document.getElementById('trabajadordetai l').style.display = (this.selectedIndex === 0) ?

'block' : 'none';">


<option value="trabajador">Trabajador</option>
<option value="particular">Particular</option>
<option value="estudiante">Estudiante</option>
</select>


<div id="estudiantedetail" style="display: none;">

Edad:
<input type="texto" name="edad">
<br>
Nombre de la escuela:
<input type="texto" name="ciudad">
<br>


</div>

<div id="trabajadordetail" style="display: none;">

Nombre empresa:
<input type="texto" name="edad">
<br>
Nombre:
<input type="texto" name="ciudad">
<br>


</div>

[caricatos]

Hola:

onchange solo se pone una vez, y entre comillas debes poner la lista de instrucciones separadas por ";"...

La igualdad la chequeas con dos signos de igualdad (this.value == 'estudiantes')..

Y otro reproche (estoy hecho un cascarrabias ), ten paciencia que no estás en una sala de chat.

Saludos

[echo_]

no puede ser no te comprendo lo malo es que me responde pero no me sacas del hoyo, no se por que algunas persona preguntan y si de plano no saben les echan la mano pero que te cuesta decirme como va, se me hace un poco complicado ya que no se nada de JS solo comprendo buien el php ya que amis 15 años se que me falta por aprender

[caricatos]

Hola:

Perdona que tardase tanto en responder, pero estaba pintando y tengo que evitar que se me seque la pintura... además, estube buscando una cita de una tabla que tengo en una página:

Código:

No hay auténtico genio sin paciencia

de
Louis Charles Alfred de Musset (poeta francés)

Sobre el problema, fíjate bien en las respuestas, y no esperes que te den respuestas de cortar y pegar.

Saludos