rails rjs select method help

最新推荐文章于 2025-11-09 16:27:54 发布

最新推荐文章于 2025-11-09 16:27:54 发布 · 217 阅读

文章标签：

#Rails #JavaScript #HTML #ViewUI

本文介绍了一个使用Rails的RJS技术实现的简单应用案例，该应用可以在用户输入两个文本框中的数字时实时显示这两个数字的和。文章讨论了在实现过程中遇到的问题，即如何正确获取HTMLInputElement对象的值，并提出了解决方案。

在一个页面中，有两个text field。里面可以输入数字，然后在边上显示两个texi field里面数字的和。

我的方法大概是这样的。用两个observe field,来观察text field的值，一旦改变就在页面上取得两个text field的值。加在一起之后update 结果。

用的是rjs.

view的代码是：


<%= text_field 'field', "01",:class=>'sum', :value=>0 %>
<%= text_field 'field', "02",:class=>'sum', :value=>0 %>
<div id='result'>0</div>

<%= observe_field("field_01",
                  :frequency => 1,
                  :with => "num_1",
                  :url => {:action =>'sum'})%>

<%= observe_field("field_02",
                  :frequency => 1,
                  :with => "num_2",
                  :url => {:action =>'sum'})%>

controller 代码为空


def sum
end

rjs 代码


#result = 0
page.select("input.sum").each do |ob|
  # result += ob 
  page.alert(ob) #问题在这里
end
page.replace_html 'result', result

问题是那个在page.select 里面得到 ob 其实是个 HtmlInputElement object.
而且没有其他任何属性，也就是说得不到它的值。
ob.value就会报错。not a valid function.

其实就是计算两个数的加和。应该在用javascript就可以搞定吧。
奇怪的就是感觉用rjs也能行。但是为什么只能得到object却没有任何其他属性呢？