(jquery) включение кнопки отправки, когда выбрано значение OPTION

Question

Поэтому я хочу включить кнопку отправки, когда выбран вариант в моем поле выбора (#purchase) (если выбор не является значением по умолчанию.

Вот код JQuery, который я собрал, что, видимо, не очень хорошо. :)

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

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

                 });
             });  

Вот моя простая маленькая форма ...

    <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> 

Кто-нибудь может дать мне толчок в правильном направлении? :)

Спасибо!

Answer 1

Для отключения вы можете использовать

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

и для включения

$('#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');
                      }

                 });
             });  

Хотя вы, вероятно, могли бы разделить метод на его собственную функцию и отключить кнопку с самого начала, не используя готовый документ.

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

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