javascript - jquery 选择框在特定页面上更改

Question

我认为这应该很容易，但我似乎找不到答案。

我使用 Rails 4 和 jquery 来识别页面上多个选择框之一何时发生更改，如果是，则执行某些操作。

这是我的 application.js 文件中的相关代码:

$('body').on('change', 'select',function(){
      *action*
});

我遇到的问题是此代码将在我的应用程序中的任何页面上选取选择框更改。如何设置才能使其仅拾取特定页面上的选择框更改？

我是否可以通过创建特定于我的 View 的新 .js 文件来实现此目的？如果是这样，文件命名约定如何工作？

Answer 1

有多种方法可以做到这一点，但最干净的似乎是这样的:将一个类添加到您希望由该函数处理的选择中。我们将这个类命名为handlethis。相应地更改您的 jQuery 选择器。

你的 HTML 看起来像:

<select name="myselect" id="myselect" class="handlethis">
    <option value="1">option 1</option>
    <option value="2">option 2</option>
    ...
</select>

和 JS :

$('body').on('change', 'select.handlethis',function(){
  *action*
});