como filtrar campos en un formulario con un select?

[ras_chalo]

HOLA; queria preguntarles como puedo ahcer para dependiendo de mi seeccion en una lista (select, option) muestre ciertos campos en un formulario...

ojala me peudan ayudar,

espero sus respuestas.
saludos!

[informacionsys]

hola

puedes hacer uso de AJAX....

por ejemplo:

seleccionas el elemento, supongamos que tienes estas opciones 1 , 2 , 3.

el archivo al cual envias la peticion puede ser algo asi:

<?php
$id_opcion = $_GET['opcion_seleccionada']; // recibes la opcion seleccionada por get o por post segun lo que tu quieras o necesites.
if($id_opcion == "1"){
?>
Elemento 1 . <input type="text" value="">// cargas el campo o los campos que necesites
<?php
} else if($id_opcion == "2"){
?>
Elemento 2. <input type="text" value="">
<?php
}
?>

puede ser una alternativa.... o si no lo puedes hace direcamente con javascript.... creas un div y dentro le creas los elementos segun la opcion seleccionada.


vale

[abimaelrc]

Eso se logra con javascript, ya PHP no interactua con el cliente.

[informacionsys]

ok. si tienes toda la razon , usa javascript.. ya que lo que necesitas es del lado del cliente...

disculpa..

[ras_chalo]

Iniciado por abimaelrc

Eso se logra con javascript, ya PHP no interactua con el cliente.

gracias, pero tienes algun codigo o manual para hacerlo?

saludos

[informacionsys]

Hola...

pues ser algo asi:

Código HTML:

<select onchange="javascript:ShowTextFields()" id="opciones">
<option value="1">opcion</option>
</select>
 
<div id="campos" style="display:none">
<input type="text" value=""> 
</div>
 

tu funcion

Código Javascript:

function ShowTextFields(){
var opcion_seleccionada = document.getElementById("opciones").value;
     if(opcion_seleccionada == "1"){
          document.getElementById("campos").style.display = "block";// desocultas el div que contiene los campos
     }
}
 

es una de las muchas opciones que hay.


espero y te sea un poco util

[Sirrohan]

Yo lo intenté con el ejemplo de esta [página y me funcionó

[ras_chalo]

Iniciado por informacionsys

Hola...

pues ser algo asi:

Código HTML:

<select onchange="javascript:ShowTextFields()" id="opciones">
<option value="1">opcion</option>
</select>
 
<div id="campos" style="display:none">
<input type="text" value=""> 
</div>
 

tu funcion

Código Javascript:

function ShowTextFields(){
var opcion_seleccionada = document.getElementById("opciones").value;
     if(opcion_seleccionada == "1"){
          document.getElementById("campos").style.display = "block";// desocultas el div que contiene los campos
     }
}
 

es una de las muchas opciones que hay.


espero y te sea un poco util

Muchas gracias!
me a sido de gran ayuda.

Saludos!!