如何在 Rails 4 上动态添加文本字段？ （不嵌套）

Question

我是 Rails 的新手，我需要在 Rails 的“form_for”上动态添加/删除输入字段。我正在使用这些输入来更改用户的个人资料。

这是我要动态化的 sn-p：

<%= f.label :languages, "Languages" %>
<%= f.text_field :languages, class: "shortInput", value: @parsed_json_user['user']['languages']%> <br />

我看过很多使用嵌套属性的教程（我什至不确定它们是什么）等等，但我不会使用模型。如您所见，我只想要一个具有大量值（例如数组）的对象，因为我将使用 API 来更新“用户”模型。

我需要类似的东西：

语言：
英文删除
新增

我应该使用 fields_for 吗？或者以某种方式使用 JS 或 JQuery？任何帮助将不胜感激。

我到处搜索类似的问题，但没有找到任何问题，但如果你真的知道或找到一个问题，请指出我正确的方向会很棒！

提前致谢

Answer 1

更新：对于单一表单，没有嵌套 - 一种选择是将您自己的 jquery 组合在一起。我使用不同的站点进行测试，但这个Jquery example 是我发现的更容易的站点。我删除了有关最大字段计数器的内容...它位于 /app/assets/javascript/.js ...

    $(document).ready(function() {

    $(".add_field_button").click(function(e){ //on add input button click
        e.preventDefault();
            $('.input_fields_wrap').append('<div><input type="text" name="mytext[]"/><a href="#" class="remove_field">Remove</a></div>'); //add input box
        }
    });

    $(".input_fields_wrap").on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove();
    })
});

还有html代码...

    <div class="input_fields_wrap">
      <button class="add_field_button">Add More Fields</button>
      <div><input type="text" name="mytext[]"></div>
    </div>

---

如果您还没有运气 - Cocoon Gem 或 railscast 197/198 将使用动态的 jquery 满足您的需求。忽略有关嵌套的部分，并从中获取所需的内容。

另外，我还在寻找最近有更新的 turbolinks……你也许可以在那里找到答案……可能不是你想要的……

据我所知，这依赖于您在 Rails 中编写的两条路径，然后通过作用于 (add/delete) :before 或 :after 的 jquery 构建这些路径，以便添加/在 dom 上隐藏字段，然后更新按钮实际上将整个混乱通过 activeRecord 推送到数据库中。

Answer 2

@languages = 用户的语言

 f.collection_select :user_languages[], @languages, :id, :name , {hide_label: true, :selected => @languages.first.id} , {:style => "width: 120px",:required => true}