家屬字段沒有藏在我的形式

Question

我想用我的形式家屬場，但我的投入是不是hidde 我跟着這個教程https://www.driftingruby.com/episodes/dependent-form-fields

我的application.js

//= require jquery 
//= require jquery.turbolinks 
//= require jquery_ujs 
//= require turbolinks 
//= require bootstrap-sprockets 
//= require now-ui-kit 
//= require bootstrap-datepicker 
//= require bootstrap-switch 
//= require moment.min 
//= require nouislider.min 
//= require jquery.bootstrap.wizard 
//= require jquery.validate.min 
//= require paper-bootstrap-wizard 
//= require underscore 
//= require dependent-fields 
//= require_tree . 

$(document).ready(function() { 
    DependentFields.bind() 
}); 

我的觀點

<%= simple_form_for @contrat do |f| %> 
    <%= f.error_notification %> 
     <%= f.input :num_mandat, label: 'Numero Mandat' %> 
     <%= f.input :mandat_type, label: 'Type Mandat' %> 
     <%= f.input :client_type, label: 'Type de personne', collection: ['Physique', 'Morale'], id: 'client_choice' %> 
     <%= content_tag :div, class: 'js-dependent-fields', data: { 'data-select': 'client_choice', 'data-option-value': 'Physique'} do %> 
     <%= f.input :sexe_phi, collection: ['Mme', 'Mr'] %> 
     <% end %> 
     <%= f.button :submit, "Valider" %> 

Answer 1

請嘗試更改您的表單，如下所示。

<%= simple_form_for @contrat do |f| %> 
    <%= f.error_notification %> 
    <%= f.input :num_mandat, label: 'Numero Mandat' %> 
    <%= f.input :mandat_type, label: 'Type Mandat' %> 
    <%= f.input :client_type, label: 'Type de personne', collection: ['Physique', 'Morale'], id: 'client_choice' %> 
    <%= content_tag :div, class: 'js-dependent-fields', data: { 'select-id': 'client_choice', 'option-value': 'Physique'} do %> 
     <%= f.input :sexe_phi, collection: ['Mme', 'Mr'] %> 
    <% end %> 
    <%= f.button :submit, "Valider" %> 
<% end %> 

您尚未正確實施content_tag。

<%= content_tag :div, class: 'js-dependent-fields', data: { 'select-id': 'client_choice', 'option-value': 'Physique'} do %> 
    <%= f.input :sexe_phi, collection: ['Mme', 'Mr'] %> 
<% end %> 

看看here瞭解更多信息。