Deshabilitar el botón si no hay un valor seleccionado en el menú desplegable

Tengo un código donde desactiva el botón en la carga de la página ya que el valor del menú desplegable está vacío. Sin embargo, cuando se selecciona un valor (los valores son de la base de datos, se rellena y funciona), el botón aún está deshabilitado.

Jquery:

 $(document).ready(function(){ $('.send').attr('disabled',true); $('#kagawad').keyup(function(){ if($(this).val() != ""){ $('.send').attr('disabled', false); } else { $('.send').attr('disabled', true); } }) });  

html:

 
Choose... <option value="">

¿Cómo puedo hacerlo? ¿Qué necesito para modificar mi código? ¡Gracias!

  1. Utilice el evento de change en la .
  2. En lugar de attr() , use prop() para establecer el estado deshabilitado.
  3. Use el selector de ID para deshabilitar el botón.

Código:

 $('#kagawad').on('change', function () { $('#send').prop('disabled', !$(this).val()); }).trigger('change');