Gracias ktulu me sirvio perfectamente.
De hecho he hecho una variante para un select + options.
El codigo lo pongo a continuacion para el que le pueda servir tambien.
Solo una ultima cosa:
el codigo tal como esta si relleno los dos inputs y elijo una opcion en los dos selects,
el "mensaje" aparece y eso es fantastico pero... si una vez en este punto borro el contendo de un input al que previamente hubiera rellenado o deseleccionara un select.
automaticamente el mensaje desaparece y esto no deberia ocurrir ya que el resto de campos siguen rellenados menos uno el cual esta borrado su contendo.
¿Como puedo arreglar esto?
Código Javascript
:
Ver original$(document).ready(function() {
$('#nombre,#apellidos').on('keyup',function(){
$(this).val()!='' ? $("#mensaje").show() : $("#mensaje").hide();
})
})
$(document).ready(function() {
$('#combo_eventos').change(function(){
<!--$( "#combo_eventos option:selected" ).each(function() {-->
$(this).val()!='Elija evento' ? $("#mensaje").show() : $("#mensaje").hide();
})
})
$(document).ready(function() {
$('#combo_menu').change(function(){
$(this).val()!='Elija menu' ? $("#mensaje").show() : $("#mensaje").hide();
})
})
Código HTML:
Ver original<form name="miformulario" id="miformulario" method="post" action="enviar.php">
<input type="text" id="nombre" name="elnombre" placeholder="Nombre Completo" value="" title=""/><br/>
<input type="text" id="apellidos" name="apellidos" placeholder="Apellidos" value="" title=""/><br/>
<select name="combo_eventos" id="combo_eventos" title="">
<option value="Elija evento" class="elija_evento">Elija bebida
</option>
<option value="refresco" selected="selected">refresco
</option>
<select name="combo_menu" id="combo_menu" title="">
<option value="Elija menu" class="elija_menu">Elija un menu *
</option>
<option value="Hamburguesa" selected="selected">Hamburguesa
</option>
<div id="mensaje">Formulario rellenandose
</div><br/>