我在哪里以及如何為rails 3.1 select tag onchange事件編寫事件處理程序？

Question

我正在嘗試為Rails 3.1 select標簽做一個非常基本的onChange事件處理程序。 我找到的大多數解決方案都是特定於ajax的，但是我正在尋找更簡單的方法，而且我似乎編寫的代碼似乎都未被認可。 在我看來，我有以下幾點：

<h4><%= f.select :challenge_type, options_for_select(challenge_types, selected_type),
  :onchange => 'show_appropriate_challenge()' %></h4>

在我的xxx.js.coffee文件中，我有此設置（我嘗試了許多其他更改，但似乎沒有任何不同）：

$('show_appropriate_challenge') ->
   alert('Hello from your onChange handler')

當我從下拉列表中選擇一個選項時，什么也沒有發生，並且控制台中沒有消息。 即使我將選擇標簽的onChange更改為無效的內容（即... onchange =>'no_such_function（）'...），我仍然不會收到任何錯誤，因此我懷疑我缺少配置項或其他鈎住了所有內容的項一起。

我可能還需要添加哪些其他項目，或者可能需要對任一代碼段進行哪些更改？

感謝您對此的任何幫助。

Answer 1

請將您的視圖更新為：

<h4><%= f.select :challenge_type, options_for_select(challenge_types, selected_type),
  :id => 'challenge_selector' %></h4>

這會將名稱為challenge_selector的id添加到您的select標簽中。 現在，您可以使用coffeescript將on change事件綁定到此id，如下所示：

$('#challenge_selector').on 'change', ->
   alert('Hello from your onChange handler')