este código lo uso en un proyecto, el cual antes al escribir (situar el cursor en el campo y textear) el campo select que esta al lado cambia de valor automáticamente... pero ahora el campo donde se escribe lo cambie para un datepicker en el cual se selecciona la fecha y esta se escribe en el campo.. resultando asi que por no se textea directamente en este el valor del select no cambia... (a no ser que escriba algo en el) he cambiado el evento keyup que esta allí
Código :
novedad.addEventListener("keyup", function(){
por cuando evento existe en javascript y no me resulta, ahora creo que la función cambia, pues ahora debe evaluar no si se typea o textea en el campo, si no si el campo esta con algún valor dentro.
dejo el código para que me ayuden a modificarlo y funcione...
Código :
<!DOCTYPE HTML> <html> <head> <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css"> </head> <body> <div id="datetimepicker" class="input-append date"> <input name="novedad" type="text" id="novedad"></input> <span class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> </span> </div> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"> </script> <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"> </script> <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js"> </script> <script type="text/javascript"> $('#datetimepicker').datetimepicker({ format: 'dd/MM/yyyy hh:mm:ss', language: 'pt-BR' }); </script> </body> <html> </script> </strong></span></td> <td colspan="-1"><span class="df"><strong>CAMBIAR ESTADO</strong> <select name="estado" id="estado"> <option value="Inactivo">Inactivo</option> <option value="Activo">Activo</option> </select> <script language="javascript" type="text/javascript"> var novedad = document.getElementsByName("novedad")[0], estado = document.getElementsByName("estado")[0]; novedad.addEventListener("keyup", function(){ if (this.value.length) estado.options[1].selected = true; //Selecciono la opción 'Verificado' else estado.options[0].selected = true; //Selecciono la primera opción }, false); </script>