rails 如何在一个表格中做嵌套表格？

Question

场景是，我想设计一个Post表格，用来记录我一顿饭吃了什么水果，包括picture，content，很多种fruit。模型关系是，

Post has_many fruits
Fruit belong_to post

我使用 Jquery-ui 制作 autocomplete 以帮助用户输入他们的水果。在他们输入水果标签后，它会在输入字段下创建一个标签。像这样

但是我如何在表单中创建这个？我考虑过动态嵌套表单，但我不希望有很多表单，我希望只有一个输入并用动态嵌套表单做同样的事情。

这是github，如果我需要提供更多信息，请告诉我。

Answer 1

$(document).on('click','#add_fruit',function(e){
  e.preventDefault();
  addFruitTag();
});

function addFruitTag(){
  var content = $('#content').val().trim();
  var fruit = $('#fruit').val().trim();
  if(content.length <1 || fruit.length < 1){
    alert("Please fill content and fruit");
  }else{
      $('#fruit_tags').append(
        $('<input>')
        .attr('type','checkbox')
        .attr('name','fruits[]')
        .attr('value',$('#fruit').val())
        .prop('checked','true')
      )
      .append(
        $('<label>')
        .text($('#fruit').val())    
      )
      .append($('<br>'));
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form action="#" method="GET">
  Content : <input type="text" id="content" name="content"><br/>
  Fruit : <input type="text" id="fruit">
  <button id="add_fruit">Add Fruit</button><br/>
  <div id="fruit_tags">
  </div>
  <input type="submit" value="Create Post">  
</form>

注意：我对自动完成插件不太了解，所以我创建了函数addFruitTag()，在你调用函数的地方调用它添加水果的哈希标签。

当您将表单提交到服务器时，您可以通过访问 fruits[] 变量来检索添加的水果，该变量将是一个包含所选水果标签的数组。

rails 如何在一个表格中做嵌套表格？

How rails do nested form in one form?

javascript

jquery

ruby-on-rails

nested-forms