(jquery) permettant un bouton d'envoi lorsque la valeur option sélectionnée

Question

Je veux permettre à un bouton d'envoi chaque fois qu'une option dans ma boîte de sélection (#purchase) est sélectionné (tant que la sélection n'est pas la valeur par défaut.

Voici le code jquery je mets ensemble, ce qui est apparemment pas très bon. :)

 

    $(document).ready(function(){ 
    $('input[type=\"submit\"]').attr('disabled','disabled'); 
       $('#purchase').change(function(){ 

         $('input[type=\"submit\"]').attr('disabled', 'enabled'); 

       }); 
      }); 
 

Voici ma petite forme simple ...

 

    <input type='submit' id='submit' value='Purchase'>             
    <select name='purchase' id='purchase'> 
    <OPTION value='default' DEFAULT>default</OPTION>             
    <OPTION value='small'>11 x 14" Print - $17.00</OPTION> 
    <OPTION value='big'>20 x 30" Print - $40.00</OPTION> 
    </select> 
 

Quelqu'un peut-il me donner un coup de pouce dans la droite d irection? :)

Merci!

Answer 1

Pour désactiver, vous pouvez utiliser

$('#submit').attr('disabled', 'disabled'); 

et pour permettre

$('#submit').removeAttr('disabled'); 

Answer 2

$(document).ready(function(){ 
    $('input[type=\"submit\"]').attr('disabled','disabled'); 
       $('#purchase').change(function(){ 
         if($('#purchase').val() != 'default') { 
         $('input[type=\"submit\"]').removeAttr('disabled'); 
         } 

       }); 
      }); 

Bien, vous pourriez probablement diviser la méthode en en sa propre fonction, et réglez le bouton désactivé de la Commencez sans utiliser le document prêt.

$(document).ready(function(){ $('#purchase').bind('change', 'EnableSubmit'); }); 

function EnableSubmit() { 
    if($('#purchase').val() != 'default') { 
     $('input[type=submit]').removeAttr('disabled'); 
    } 
}