在 Rails 中使用“f.input 集合”的 onChange 方法

Posted 2023-05-09

【中文标题】在 Rails 中使用“f.input 集合”的 onChange 方法

【英文标题】：onChange method with "f.input collection" in Rails

【发布时间】：2020-10-15 14:28:32

【问题描述】：

我有这个下拉菜单：

<%= f.input :window_type, collection: @window, selected: @window.first, label: "Window Type", input_html: onChange: "changePlaceholder(this)", type: "text" %>

我想在您更改选项时捕获，因此我可以使用 javascript 更改占位符。所以我做了这个函数来检查我是否收到了预期值：

function changePlaceholder(this)
  console.log("This is " + JSON.stringify(this));

但是当我尝试运行它时，它给出了“this”变量的错误，它说的是意外令牌。在我不得不将 C 从 onChange 更改为 caps 之前，因为它不是那样的，所以也许我错过了“this”的其他内容。

我可以使用 select_chosen，但我更喜欢 f.input，这样我就可以控制控制器中的参数名称。谢谢。

【问题讨论】：

看起来 'this' 不是一个 json 对象，所以你不能在它上面调用 stringify，你能记录下这个看看你得到了什么吗？

我也想过这个但同样的错误。我想如果这是错误的话，它会说这不是 json 什么的。

console.log(this) 显示什么？

没有被执行，因为参数给出了意外令牌的错误。

【参考方案1】：

最后答案很简单，这样的事情。您必须在输入中添加一个类，例如：

<%= f.input :topic1, collection: @inputs,include_blank: false,label: "First Input To Read From (Referenced as F)",input_html: class: "topic1", type: "text"  %>

然后，使用 jquery：

$(document).on("change", "select.topic1", function(e)
  var topic1 = $(this).children("option:selected").val();