[SOLUCIONADO] que desaparezcan campos según el select

[webelgrillo]

Hola Gente como están, tengo una consulta y no se ni como buscar una ayuda por google.

tengo un formulario que es como sigue:

<label>Tipo objeto:</label>
<select name="objeto">
<option value="all">todos</option>
<option value="animales">animales</option>
<option value="plantas">plantas</option>
</select>

<label>Ingrese planta:</label>
<input type="text" name="planta" id="planta">

<label>Ingrese juguete:</label>
<input type="text" name="juguete" id="juguete">

<label>Ingrese mascota:</label>
<input type="text" name="mascota" id="mascota">

- lo que quiero es que cuando seleccionen la opción animales solo muestre el imput mascota

- cuando seleccionen platas muestre solo el imput planta y así sucesivamente
- que cuando seleccionen todo muestre todos los campos.

Ayudenme por favor como puedo hacer esto o si me mandan una web con ejemplo.
gracias se los agradesco mucho.

[chigorin4]

Hola esta es la propuesta, usando jquery, usare el metodo .change() para el select que indicas, entonces el código quedaría asi:

Código Javascript:

$(document).on("click",function (){
$("select").change(function (){
if($("select").val() == "animales"){
 $("#mascota").show();
 $("#juguete").hide();
 $("#planta").hide();
}
 
if($("select").val() == "plantas"){
 $("#mascota").hide();
 $("#juguete").hide();
 $("#planta").show();
}
 
if($("select").val() == "todos"){
 $("#mascota").show();
 $("#juguete").show();
 $("#planta").show();
}
});
});
 

Espero que te sirva

[diurno10]

mejorando un poco el codigo de chigorin4, podes utilizar el puntero this y utilizar el selector unico, ya que podes tener varios combos en la misma pagina

Código Javascript:

$(document).ready(function (){
$("select[name='objeto']").change(function (){
if($(this).val() == "animales"){
 $("#mascota").show();
 $("#juguete").hide();
 $("#planta").hide();
}
 
if($("this").val() == "plantas"){
 $("#mascota").hide();
 $("#juguete").hide();
 $("#planta").show();
}
 
if($("this").val() == "todos"){
 $("#mascota").show();
 $("#juguete").show();
 $("#planta").show();
}
});
});
 

[webelgrillo]

ok muchas gracias si me ayudo mucho... Gracias.