如何在Rails中执行AJAX-y条件显示/隐藏表单字段？

<%= form_with(model: @user, local: true) do |form| %>
  <%= form.select :user_type, options_for_select([['User', 'user'], ['Admin', 'admin']], selected: @user.user_type), data: { target: 'admin_field' } %>
  <%= form.text_field :admin_field, style: @user.user_type == 'admin' ? '' : 'display:none' %>
<% end %>

document.addEventListener('turbolinks:load', function() {
  const elements = document.querySelectorAll('[data-target]');

  elements.forEach(element => {
    element.addEventListener('change', function() {
      const target = this.dataset.target;
      const value = this.value;
      const selector = `[name="${target}"]`;
      const targetElement = document.querySelector(selector);

      if (targetElement) {
        if (value === 'admin') {
          targetElement.style.display = '';
        } else {
          targetElement.style.display = 'none';
        }
      }
    });
  });
});