[SOLUCIONADO] Deshabilitar inputext sólo sí 2 dropdowns tienen un valor

[Threepwood]

Hola,

Tengo actualente dos dropdowns (estado y anio) y en ambos se puede seleccionar la opción "Todos". También tengo un input text (busquedatext) que quiero que sólo esté habilitado si la opción "Todos" está seleccionada en AMBOS dropdown.

Actualmente tengo esto:

Código:

 <script>

				  $(document).ready(function() {
 
	 	$('#estado, #anio').change(function() {
	  	if ( $(this).val() == 'Todos' ) {
       		$('#busquedatext').prop( "disabled", false );
    } else {       
      $('#busquedatext').prop( "disabled", true );
    }
  });
 
});	  
			</script>

Con estola situación funciona así: Ambos dropdowns arrancan con "Todos" como predeterminado así que el textfield está habilitado. Cambio uno a cualquier opción. Se deshablitada. Cambio el otro a cualquier otra opción y sigue deshabilitado. Selecciono en cualquiera de los dos la opción Ambos (dejando cualquier otra opción en el otro) y el textfield se habilita.

¿Alguien me ayuda a solucionar esto? ¡Gracias!

[Alexis88]

En la condición solamente evalúas el valor de uno de ambos elementos y lo que necesitas es evaluar el valor de ambos. Como la palabra reservada this solo hace referencia al elemento que haya sido afectado por el evento change, tendrás que evaluar el valor de ambos elementos, indicando sus respectivos identificadores.

Código Javascript:

if ($("#estado").val() == "Todos" && $("#anio").val() == "Todos"){
    //...
}
 

[Threepwood]

Muchas gracias, Alexis. Funcionó :)