option on change, execute event javascript

Question

In my code, i have an option button collection as this. I want in my javascript file to execute a function when option is changed.

<div class="col-sm-8 user-type" >
  <%= f.collection_radio_buttons :team_account_type, [ ['admin', 'Administrator'], ['team_leader', 'Team Leader'], ['standard_user', 'Standard User']], :first, :last, checked: ['standard_user', 'Standard User']%>
</div>

my js file

 $('#team_account_type').on('change', function() {
        console.log("i have selected team leader")
 });

But it is not working. when i click on the different options, it doesnt catch it or recognize it. Any help appreciated.

Thanks

What does the generated HTML look like? Does the ID you are matching on get generated as you expect? — scunliffe
– scunliffe, Commented Sep 28, 2015 at 10:05

Misam · Accepted Answer · 2015-09-28 10:01:35Z

1

Wrap your code inside $(function(){ ... }); so that change event handler applied on when DOM is ready.

$(function(){
    $("#team_account_type").on("change", function() {
        console.log("i have selected team leader");
    });
});

OR you can delegate the change event using document object

 $(document).on("change","#team_account_type", function() {
            console.log("i have selected team leader");
    });

edited Sep 28, 2015 at 10:01

Misam

4,3892 gold badges28 silver badges43 bronze badges

answered Sep 28, 2015 at 9:53

Bhushan Kawadkar

28.6k5 gold badges39 silver badges61 bronze badges

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

Collectives™ on Stack Overflow

option on change, execute event javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related