Menú o lista desplgable condicional.

Hola Adumith.

Pues, más o menos, habría que hacerlo con Javascript, desde el evento "onchange" de la lista y
"jugando" con la propiedad "display" de los campos.

Un ejemplillo sería:

<form>
<select onchange="muestra(this.selectedIndex);">
<option value="0">Oculta todos</option>
<option value="1">Muestra sólo campo 1</option>
<option value="2">Muestra sólo campo 2</option>
</select>
<input type="text" id="campo1" value="campo 1" style="display:none;">
<input type="text" id="campo2" value="campo 2" style="display:none;">
</form>

<script type="text/javascript">
function muestra(campo){
switch(campo){
case 0:
document.getElementById("campo1").style.display="none";
document.getElementById("campo2").style.display="none";
break;
case 1:
document.getElementById("campo1").style.display="inline";
document.getElementById("campo2").style.display="none";
break;
case 2:
document.getElementById("campo1").style.display="none";
document.getElementById("campo2").style.display="inline";
break;
}
}
</script>

Saludos!
Miguel


ADumith escribió:

Saludos a todos amigos;

Alguien podría orientarme para construir una página que debe contener una
lista o menú desplegable y dependiendo de la selección del usuario debo
mostrar unos campos y si cambia de selección debo mostrar otros campos.

Muchas gracias a todos.

Antes que todo, muchisimas gracias Miguel por tu respuesta, pero me gustaría
plantearte lo siguiente:

Los campos los tengo agrupados por formularios, entonces tu crees que pueda
hacer que se muestre un formulario u otro dependiendo de la solicitud del
usuario, y despues cuando ejecuto el submit como sé que formulario se está
enviando?

Gracias mil de nuevo.

"Miguel Gonzalez" escribió:

Hola Adumith.

Pues, más o menos, habría que hacerlo con Javascript, desde el evento "onchange" de la lista y
"jugando" con la propiedad "display" de los campos.

Un ejemplillo sería:

<form>
<select onchange="muestra(this.selectedIndex);">
<option value="0">Oculta todos</option>
<option value="1">Muestra sólo campo 1</option>
<option value="2">Muestra sólo campo 2</option>
</select>
<input type="text" id="campo1" value="campo 1" style="display:none;">
<input type="text" id="campo2" value="campo 2" style="display:none;">
</form>

<script type="text/javascript">
function muestra(campo){
switch(campo){
case 0:
document.getElementById("campo1").style.display="none";
document.getElementById("campo2").style.display="none";
break;
case 1:
document.getElementById("campo1").style.display="inline";
document.getElementById("campo2").style.display="none";
break;
case 2:
document.getElementById("campo1").style.display="none";
document.getElementById("campo2").style.display="inline";
break;
}
}
</script>

Saludos!
Miguel


ADumith escribió:
> Saludos a todos amigos;
>
> Alguien podría orientarme para construir una página que debe contener una
> lista o menú desplegable y dependiendo de la selección del usuario debo
> mostrar unos campos y si cambia de selección debo mostrar otros campos.
>
> Muchas gracias a todos.

Hola Adumith.

Por supuesto que puedes hacer lo mismo con formularios. En vez de
referirte a un campo, te refieres al formulario:

<form id="form0" style="display: none;">
<select onchange="...
...
<form id="form1" style="display: none;"> ... </form>
<form id="form2" style="display: none;"> ... </form>
<form id="form3" style="display: none;"> ... </form>
etc.

Para saber qué formulario se envía, podrías incorporar un campo oculto
dentro de cada formulario que lo identifique:

<input type="hidden" name="formRef" value="form1">

Saludos!

Miguel

ADumith escribió:

Antes que todo, muchisimas gracias Miguel por tu respuesta, pero me gustaría
plantearte lo siguiente:

Los campos los tengo agrupados por formularios, entonces tu crees que pueda
hacer que se muestre un formulario u otro dependiendo de la solicitud del
usuario, y despues cuando ejecuto el submit como sé que formulario se está
enviando?

Gracias mil de nuevo.

"Miguel Gonzalez" escribió:

Hola Adumith.

Pues, más o menos, habría que hacerlo con Javascript, desde el evento "onchange" de la lista y
"jugando" con la propiedad "display" de los campos.

Un ejemplillo sería:

<form>
<select onchange="muestra(this.selectedIndex);">
<option value="0">Oculta todos</option>
<option value="1">Muestra sólo campo 1</option>
<option value="2">Muestra sólo campo 2</option>
</select>
<input type="text" id="campo1" value="campo 1" style="display:none;">
<input type="text" id="campo2" value="campo 2" style="display:none;">
</form>

<script type="text/javascript">
function muestra(campo){
switch(campo){
case 0:
document.getElementById("campo1").style.display="none";
document.getElementById("campo2").style.display="none";
break;
case 1:
document.getElementById("campo1").style.display="inline";
document.getElementById("campo2").style.display="none";
break;
case 2:
document.getElementById("campo1").style.display="none";
document.getElementById("campo2").style.display="inline";
break;
}
}
</script>

Saludos!
Miguel


ADumith escribió:

Saludos a todos amigos;

Alguien podría orientarme para construir una página que debe contener una
lista o menú desplegable y dependiendo de la selección del usuario debo
mostrar unos campos y si cambia de selección debo mostrar otros campos.

Muchas gracias a todos.

Saludos amigo;

Trabajando con tu ayuda me quedó esto:

<script type="text/javascript">
function muestra(campo)
{
switch(campo)
{
case 0:
document.getElementById("form1").style.display="none";
document.getElementById("form2").style.display="none";
document.getElementById("form3").style.display="none";
break;
case 1:
document.getElementById("form1").style.display="inline";
document.getElementById("form2").style.display="none";
document.getElementById("form3").style.display="none";
break;
case 2:
document.getElementById("form1").style.display="none";
document.getElementById("form2").style.display="inline";
document.getElementById("form3").style.display="none";
break;
case 3:
document.getElementById("form1").style.display="none";
document.getElementById("form2").style.display="none";
document.getElementById("form3").style.display="inline";
break;
}
}
</script>


<form>
<select onchange="muestra(this.selectedIndex);">
<option value="0">Seleccione un producto</option>
<option value="1">Muestra formulario 1</option>
<option value="2">Muestra formulario 2</option>
<option value="3">Muestra formulario 3</option>
</select>
</form>



<form id="form1" name="form1" method="post" action="" style="display:none;">
Primer formulario
</form>

<form id="form2" name="form1" method="post" action="" style="display:none;">
Segundo formulario
</form>
<form id="form3" name="form1" method="post" action="" style="display:none;">
Tercer formulario
</form>

Que te parece...????

"Miguel Gonzalez" escribió:

Hola Adumith.

Por supuesto que puedes hacer lo mismo con formularios. En vez de
referirte a un campo, te refieres al formulario:

<form id="form0" style="display: none;">
<select onchange="...

<form id="form1" style="display: none;"> ... </form>
<form id="form2" style="display: none;"> ... </form>
<form id="form3" style="display: none;"> ... </form>
etc.

Para saber qué formulario se envía, podrías incorporar un campo oculto
dentro de cada formulario que lo identifique:

<input type="hidden" name="formRef" value="form1">

Saludos!

Miguel

ADumith escribió:
> Antes que todo, muchisimas gracias Miguel por tu respuesta, pero me gustaría
> plantearte lo siguiente:
>
> Los campos los tengo agrupados por formularios, entonces tu crees que pueda
> hacer que se muestre un formulario u otro dependiendo de la solicitud del
> usuario, y despues cuando ejecuto el submit como sé que formulario se está
> enviando?
>
> Gracias mil de nuevo.
>
> "Miguel Gonzalez" escribió:
>
>> Hola Adumith.
>>
>> Pues, más o menos, habría que hacerlo con Javascript, desde el evento "onchange" de la lista y
>> "jugando" con la propiedad "display" de los campos.
>>
>> Un ejemplillo sería:
>>
>> <form>
>> <select onchange="muestra(this.selectedIndex);">
>> <option value="0">Oculta todos</option>
>> <option value="1">Muestra sólo campo 1</option>
>> <option value="2">Muestra sólo campo 2</option>
>> </select>
>> <input type="text" id="campo1" value="campo 1" style="display:none;">
>> <input type="text" id="campo2" value="campo 2" style="display:none;">
>> </form>
>>
>> <script type="text/javascript">
>> function muestra(campo){
>> switch(campo){
>> case 0:
>> document.getElementById("campo1").style.display="none";
>> document.getElementById("campo2").style.display="none";
>> break;
>> case 1:
>> document.getElementById("campo1").style.display="inline";
>> document.getElementById("campo2").style.display="none";
>> break;
>> case 2:
>> document.getElementById("campo1").style.display="none";
>> document.getElementById("campo2").style.display="inline";
>> break;
>> }
>> }
>> </script>
>>
>> Saludos!
>> Miguel
>>
>>
>> ADumith escribió:
>>> Saludos a todos amigos;
>>>
>>> Alguien podría orientarme para construir una página que debe contener una
>>> lista o menú desplegable y dependiendo de la selección del usuario debo
>>> mostrar unos campos y si cambia de selección debo mostrar otros campos.
>>>
>>> Muchas gracias a todos.

Hola Adumith.

Esa era la idea...

Suerte!

Saludos!
Miguel


ADumith escribió:

Saludos amigo;

Trabajando con tu ayuda me quedó esto:

<script type="text/javascript">
function muestra(campo)
{
switch(campo)
{
case 0:
document.getElementById("form1").style.display="none";
document.getElementById("form2").style.display="none";
document.getElementById("form3").style.display="none";
break;
case 1:
document.getElementById("form1").style.display="inline";
document.getElementById("form2").style.display="none";
document.getElementById("form3").style.display="none";
break;
case 2:
document.getElementById("form1").style.display="none";
document.getElementById("form2").style.display="inline";
document.getElementById("form3").style.display="none";
break;
case 3:
document.getElementById("form1").style.display="none";
document.getElementById("form2").style.display="none";
document.getElementById("form3").style.display="inline";
break;
}
}
</script>


<form>
<select onchange="muestra(this.selectedIndex);">
<option value="0">Seleccione un producto</option>
<option value="1">Muestra formulario 1</option>
<option value="2">Muestra formulario 2</option>
<option value="3">Muestra formulario 3</option>
</select>
</form>



<form id="form1" name="form1" method="post" action="" style="display:none;">
Primer formulario
</form>

<form id="form2" name="form1" method="post" action="" style="display:none;">
Segundo formulario
</form>
<form id="form3" name="form1" method="post" action="" style="display:none;">
Tercer formulario
</form>

Que te parece...????

"Miguel Gonzalez" escribió:

Hola Adumith.

Por supuesto que puedes hacer lo mismo con formularios. En vez de
referirte a un campo, te refieres al formulario:

<form id="form0" style="display: none;">
<select onchange="...

<form id="form1" style="display: none;"> ... </form>
<form id="form2" style="display: none;"> ... </form>
<form id="form3" style="display: none;"> ... </form>
etc.

Para saber qué formulario se envía, podrías incorporar un campo oculto
dentro de cada formulario que lo identifique:

<input type="hidden" name="formRef" value="form1">

Saludos!

Miguel

ADumith escribió:

Antes que todo, muchisimas gracias Miguel por tu respuesta, pero me gustaría
plantearte lo siguiente:

Los campos los tengo agrupados por formularios, entonces tu crees que pueda
hacer que se muestre un formulario u otro dependiendo de la solicitud del
usuario, y despues cuando ejecuto el submit como sé que formulario se está
enviando?

Gracias mil de nuevo.

"Miguel Gonzalez" escribió:

Hola Adumith.

Pues, más o menos, habría que hacerlo con Javascript, desde el evento "onchange" de la lista y
"jugando" con la propiedad "display" de los campos.

Un ejemplillo sería:

<form>
<select onchange="muestra(this.selectedIndex);">
<option value="0">Oculta todos</option>
<option value="1">Muestra sólo campo 1</option>
<option value="2">Muestra sólo campo 2</option>
</select>
<input type="text" id="campo1" value="campo 1" style="display:none;">
<input type="text" id="campo2" value="campo 2" style="display:none;">
</form>

<script type="text/javascript">
function muestra(campo){
switch(campo){
case 0:
document.getElementById("campo1").style.display="none";
document.getElementById("campo2").style.display="none";
break;
case 1:
document.getElementById("campo1").style.display="inline";
document.getElementById("campo2").style.display="none";
break;
case 2:
document.getElementById("campo1").style.display="none";
document.getElementById("campo2").style.display="inline";
break;
}
}
</script>

Saludos!
Miguel


ADumith escribió:

Saludos a todos amigos;

Alguien podría orientarme para construir una página que debe contener una
lista o menú desplegable y dependiendo de la selección del usuario debo
mostrar unos campos y si cambia de selección debo mostrar otros campos.

Muchas gracias a todos.