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

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

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

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

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

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

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

干杯

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

我现在正在回答我的答案,并意识到我已经离开了你在不知名的地方。

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

请看我的重写: http : //jsfiddle.net/mcVnN/29/

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

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

谢谢。