Campo de texto y Combobox

[flashtrix]

Hola como estan todos

amigos quiero implementar algo y creo que ustedes me pueden ayudar

tengo en un formulario un campo de texto llamado consecutivo y un combobox llamado estado

el combo tiene las opciones siguientes: Verificar, Verificado y Anulado (respectivamente)

me gustaria que al ingresar cualquier cosa en el campo de texto, el combo cambie al estado Verificado automaticamente, de esta manera si se olvida cambiar el estado del combo este al ingresar un valor al campo lo hace automaticamente.


espero me puedan ayudar

gracias

[Alexis88]

Utiliza el evento keypress para que cuando se escriba en la caja de texto, se seleccione la opción en el combo.

Código HTML:

<input type = "text" name = "consecutivo" />
<select name = "estado">
    <option value = 1>Verificar</option>
    <option value = 2>Verificado</option>
    <option value = 3>Anulado</option>
</select>
 

Código Javascript:

var consecutivo = document.getElementsByName("consecutivo")[0],
    estado = document.getElementsByName("estado")[0];
 
consecutivo.addEventListener("keypress", 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);
 

Si el campo de texto tiene contenido, selecciono la opción 'Verificado', caso contrario, la primera opción.

Saludos

[flashtrix]

Hola muchas Gracias por responder, pero el ejemplo que me pasas no logro que funcione, no veo el cambio en el combo al escribir algo....

[Alexis88]

Muéstranos el código que has hecho para ver en dónde cometes el error. No olvides usar el highlight respectivo.

Saludos

[flashtrix]

Código Javascript:

<script language="JavaScript">
consecutivo.addEventListener("keypress", function(){
    if (this.value.length)
        estado.options[1].selected = true; //Selecciono la opción 'Verificado'
    else
        estado.options[2].selected = true; //Selecciono la primera opción
}, false);
</script>
  <input type = "text" name = "consecutivo" />
  <select name = "estado">
    <option value = 1>Verificar</option>
    <option value = 2>Verificado</option>
    <option value = 3>Anulado</option>
  </select>
 

[Alexis88]

Coloca ese código JS debajo de la estructura HTML, pues de ese modo, primero carga el código JS y como aún no cargan los elementos del DOM, no los afecta.

Saludos

[flashtrix]

siiii me funciono gracias amigo..... eres lo maximo

al agregar algo en el campo se cambia el valor del combobox... pero ahora como hago para que cuando se quite o se borre lo del campo de texto tambien cambie le combo, pues este queda igual.

Código Javascript:

<input type = "text" name = "consecutivo" />
  <select name = "estado">
    <option value = Verificar>Verificar</option>
    <option value = Verificado>Verificado</option>
    <option value = Anulado>Anulado</option>
  </select>
  <script language="JavaScript">
var consecutivo = document.getElementsByName("consecutivo")[0],
    estado = document.getElementsByName("estado")[0];
 
consecutivo.addEventListener("keypress", 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>
 

[flashtrix]

ahora como hago para que cuando se quite o se borre lo del campo de texto, el combobox vuelva al estado verificar, pues este queda igual.

[Alexis88]

Cambia el evento keypress por keyup que es el último de los tres eventos que se producen al pulsar una tecla.

Saludos