如何将JavaScript添加到输入字段

时间:2012-02-21 20:41:16

标签: javascript ruby-on-rails ruby-on-rails-3.1

我在Rails 3.1中有这个输入字段:

<%=f.file_field :image, :id => "upload"%>

我想在输入字段之前添加此JavaScript:

onchange="readURL(this);

我该怎么做?

必须在HTML中看到:

<input type="file" onchange="readURL(this); name="post[image]" id="upload">

2 个答案:

答案 0 :(得分:2)

您使用的是JQuery吗?

$("#upload").change(function() { 
  ..
}); 

是单向和

$("#upload").bind("change", function() {
  ..
}); 

是另一个。

JQuery Doc.

更新:

你可以把它写成:

<%= f.file_field :image, :id => "upload", :onchange => "readURL(this)" %>

这将为您提供类似以下内容的HTML:

<input type="file" onchange="readURL(this); return false;" name="post[image]" id="upload">

答案 1 :(得分:0)

执行此操作的首选方法是通过不显眼的JavaScript(实际上在加载DOM后向页面添加JavaScript功能,并使其成为可选项)。在rails 3.1及更高版本中,您希望在Syed对app/assets/javascript/controller_name.js.coffee或类似的答案中添加JS代码。