add class to button after select - jquery

Question

I have a submit button which is disabled until a user chooses from a select list.

I want to remove the disabled attribute and also add a class so the button becomes the standard button class I use throughout the site, on change of the select list.

I am trying the following:

$(document).ready(
function(){
    $('#category').change(
        function(){
            if ($(this).val()) {
                $('input:submit').attr('disabled',false);
                $('#btn_show').addClass.attr('button green');

            }
        });

});

#category is the drop-down id and #btn_show is the button id

The disabled is removed ok but the class not added. Is my logic correct?

Also, is it also possible to change the value of the submit button when this change happens too?

Also, addclass should be something like $('#id').addClass('class to be added') — palerdot
– palerdot, Commented Sep 23, 2012 at 17:24

Oyeme · Accepted Answer · 2012-09-23 17:22:01Z

5

You should use $('#btn_show').addClass('green');

Please read the manual: http://api.jquery.com/addClass/

answered Sep 23, 2012 at 17:22

Oyeme

11.3k4 gold badges46 silver badges66 bronze badges

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

1 Comment

palerdot Over a year ago

then the classses should be separated by a space

NullPoiиteя · Accepted Answer · 2012-09-23 17:25:12Z

4

this can be done by jquery addClass('class_name') api

try this

$('#btn_show').addClass('button green');

answered Sep 23, 2012 at 17:25

NullPoiиteя

57.3k23 gold badges130 silver badges148 bronze badges

Collectives™ on Stack Overflow

add class to button after select - jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related