Tengo este código en jsfiddle. Todo lo que trato de hacer es ocultar/mostrar un determinado objeto de entrada si se selecciona un valor de selección.Jquery hide show input object
la parte HTML del código está aquí:
<label for="add_fields_placeholder">Placeholder: </label>
<select name="add_fields_placeholder" id="add_fields_placeholder">
<option value="50">50</option>
<option value="100">100</option>
<option value="Other">Other</option>
</select>
<div id="add_fields_placeholderValue">
Price:
<input type="text" name="add_fields_placeholderValue" id="add_fields_placeholderValue">
</div>
Y la parte jQuery está aquí:
$(document).ready(function()
{
$("#add_fields_placeholder").change(function() {
if($(this).val() == "Other") {
$("#add_fields_placeholderValue").show();
}
else {
$("#add_fields_placeholderValue").hide();
}
});
});
lo tanto, si el usuario selecciona "Otros", se muestra otro objeto de entrada.
El problema ahora es esto. Primero, cuando abre la página, la primera opción se selecciona de forma predeterminada y se muestra el objeto de entrada opcional. Se oculta una vez que seleccionas otra opción.
¿Hay algún truco para ocultarlo cuando primero carga la página también? No solo cuando selecciona un valor manualmente.
Gracias chicos.
Gracias tu mucho amigo :) Esto funciona genial. – inrob
@bornie - nice: D –