Rails：在 Rails 视图中使用 javascript 函数的正确语法

Question

我正在尝试在表单中使用一些 javascript 从选择下拉框中获取值，并在表单的另一部分使用它。我无法弄清楚语法。

首先是 javascript 函数（我把它放在视图的末尾）：

<script type="text/javascript">
  function return_event_id()
  {
    var event_id = document.getElementById("event_id");
    return event_id.value;
  }
</script>

在视图内部，我有以下内容：

<%= select("discount_code", :event_id, events_ids_titles_hash, { :include_blank => true }) %>

如果我添加以下语句：

return_event_id

然后我选择的下拉项显示在表单上（虽然我也看到了 return_event_id 这个词）。

如果我这样做：

<% selected_event_id =  return_event_id %> 

我收到以下错误消息：未定义的局部变量或方法 `return_event_id'

我正在寻找的是能够将 event_id 值存储在变量中。正确的语法是什么？

关于答案的其他详细信息和 cmets：

1：是的，Ruby 代码 = 服务器，javascript 代码 = 客户端

2：将代码放在 application.js 之类的代码中会将其移出 view.erb 模块，但据我所知，它不会改变结果。

我知道 将不起作用，但我确实需要达到一个点，我可以以某种方式将 return_event_id 的输出传递回服务器，然后将其捕获到 Ruby 变量中，或者, 如果有办法使用 javascript 函数输出来设置表单中的另一个元素。

Answer 1

对于初学者，最好将 javascript 与视图分开：

将你的 js 写在一个单独的文件中，根据你的 rails 版本将它放在 public 或你的 assets 目录中。 然后，如果您在 raila 3.1+，它将自动加载您的资产，如果低于 3.1，则将以下内容添加到您的视图中（在顶部）

<%= javascript_include_tag "my_javascript_filename" %>

您可以从那里创建一个 ajax 请求返回到您的 Rails 应用程序（这意味着编写控制器代码和处理此问题的路由）以获取您想要的项目列表：

http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/
我建议使用上述 URL 中的 getJSON 方法

Answer 2

要让你的 JavaScript 函数被调用，你有两个选择：

1) 直截了当：

让 select_tag 生成一个 html 属性“onchange”

select("discount_code", :event_id, events_ids_titles_hash, { 
    :include_blank => true, 
    :onchange => "fill_my_event_data();"
    }

然后编写一个 JavaScript 函数“fill_my_event_data”，它使用您的 return_event_id()，然后将您需要的数据放入您想要的表单元素中。

2) 在 jQuery 中使用“不显眼的 JavaScript”。然后你不需要在 Rails 中做太多事情（除了提供正确的 id 和数据属性）。您在底部的 JavaScript 部分中执行所有操作。您将选择标记与再次调用您的函数的事件处理程序连接起来。当然，您需要学习 jQuery 的基础知识。如果你需要经常做这样的事情，jQuery的知识很有用。