Question

在我的代码中，我有一个选项按钮集合。我想在我的javascript文件中更改选项时执行一个函数。

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

我的js文件

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

但它不起作用。当我点击不同的选项时，它不会捕获它或识别它。任何帮助赞赏。

谢谢

Answer 1

将代码包含在$(function(){ ... });中，以便在DOM准备就绪时应用更改事件处理程序。

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

或者您可以使用document对象

委派更改事件

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

更改选项，执行事件javascript

1 个答案: