单击rails 3中的另一个输入字段时,通过js或jQuery添加文本输入字段

时间:2011-06-29 12:26:13

标签: javascript jquery ruby ruby-on-rails-3 nested-forms

我正在rails 3.1中构建嵌套表单而不是按“添加”按钮我想在空输入字段中键入文本时自动添加输入字段(就像在facebook中提出问题并添加轮询选项一样) )。但是我还想只添加一个字段,如果在字段中输入了字符,如果字符被删除,额外的字段也应该删除。

我正在使用rails 3.1,因此jQuery和jquery-rails包含在我的gem中,我还不知道咖啡脚本。

2 个答案:

答案 0 :(得分:5)

这很容易。 只需点击focus()事件处理程序并随时添加文本框。

我在这里为您创建了一个简单的演示:http://jsfiddle.net/mcVnN/

警告:点击任何文本框都会在此处添加新文本框。如果您只想在最后一个文本框焦点上添加新文本框,只需比较ID。

如果您有任何疑问,请告诉我。

干杯

- 对不起,没有看完你的完整问题,我的错误。 我已经在jsfiddle上再次编写了一些快速代码http://jsfiddle.net/mcVnN/12/,但您可能希望根据自己的需要进行更改。

答案 1 :(得分:0)

我现在正在回答我的答案,并意识到我已经离开了你的中途。

花了一些时间来完全重写我的答案 - 上面的答案很麻烦,你最好使用:last选择器而不是手动试图自己跟踪最后一个文本框。

请在此处查看我的重写:http://jsfiddle.net/mcVnN/29/

我还添加了一个最大文本框计数,您可以轻松更改该数量以配置您希望用户能够添加的文本框数。

如果你使用上面的代码,请用上面的代码替换。

感谢。