(jquery) enabling a submit button when OPTION value selected

Question

So I want to enable a submit button whenever an option in my select box (#purchase) is selected (so long as the selection is not the default value.

Here is the jquery code I put together, which is apparently not very good. :)


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

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

                 });
             });

Here is my simple little form...


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

Can anybody give me a push in the right direction? :)

Thanks!

By the way: you can omit the quotes and the backslashes in the selector: $('input[type=submit]') — Tom Bartel
– Tom Bartel, Commented Nov 18, 2009 at 9:24

rahul · Accepted Answer · 2009-11-18 09:18:16Z

2

To disable you can use

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

and for enabling

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

answered Nov 18, 2009 at 9:18

rahul

188k50 gold badges239 silver badges266 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jimmeh · Accepted Answer · 2009-11-18 09:24:20Z

0

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

                 });
             });

Although, you could probably split the method out into it's own function, and set the button disabled from the start without using document ready.

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

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

edited Nov 18, 2009 at 9:24

answered Nov 18, 2009 at 9:18

Jimmeh

2,8721 gold badge22 silver badges21 bronze badges

Collectives™ on Stack Overflow

(jquery) enabling a submit button when OPTION value selected

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related