使用 jQuery 在 Rails 中实现不显眼的动态表单字段

在 Ruby on Rails 中使用 jQuery 实现动态表单字段是一种优雅的方式，可让用户以非显眼的方式添加必要的信息，提升用户体验。这种技术使得在用户界面中动态添加表单字段成为可能，无需刷新整个页面。通过jQuery，可以实现这一功能，为用户提供更流畅、更直观的交互体验。下面将介绍如何在Rails应用中实现这一功能，同时提供一个简单的案例代码。

ruby
<%= form_tag do %>
  
    
  
  <%= button_tag '添加字段', id: 'add-field' %>
  <%= submit_tag '提交表单' %>
<% end %>

javascript
// 在JavaScript文件中
$(document).on('turbolinks:load', function() {
  var fieldIndex = 0;
  $('#add-field').on('click', function(e) {
    e.preventDefault();
    var newField = $('');
    $('#dynamic-fields').append(newField);
    fieldIndex++;
  });
});