Ocultar / mostrar dinamicamente campos da API de campo no Drupal 7

Eu criei uma entidade com um formulário 'adicionar novo'. A própria entidade possui um número limitado de variáveis ​​reais. Adicionei a maioria dos dados extras necessários para o uso de campos personalizados (por exemplo, a API do campo).

O que preciso fazer nesta fase é poder ocultar dinamicamente um campo com base no valor de outro. ou seja, se um campo suspenso tiver seu valor definido como Não, outro campo deverá ser oculto, caso contrário, deverá ser mostrado.

Pelo que pude ver, é um pouco fácil adicionar essa funcionalidade aos campos criados usando a API do formulário (por exemplo, através da propriedade AJAX); no entanto, existe alguma maneira de alcançá-lo usando os campos anexados? Não tenho problemas ao usar Javascript personalizado, se é isso que é necessário para resolver isso.

O jQuery funciona bem para isso:

(function($) {
  $(document).ready(function() {
    $('#select1').change(function() {
      switch ($(this).val()) {
        case '1':
          $('#field2').hide();
          break;
        default:
          $('#field2').show();
          break;
      }
    });
  });
}) (jQuery);

No Drupal 7, você pode usar $ form em #statesvez do script jQuery personalizado. Exemplo:

  $form['student_type'] = array(
    '#type' => 'radios',
    '#options' => array(
      'high_school'   => t('High School'),
      'undergraduate' => t('Undergraduate'),
      'graduate'      => t('Graduate'),
    ),
    '#title' => t('What type of student are you?')
  );

  // High school information.
  $form['high_school']['tests_taken'] = array(
    '#type' => 'checkboxes',
    '#options' => drupal_map_assoc(array(t('SAT'), t('ACT'))),
    '#title' => t('What standardized tests did you take?'),
    // This #states rule says that this checkboxes array will be visible only
    // when $form['student_type'] is set to t('High School').
    // It uses the jQuery selector :input[name=student_type] to choose the
    // element which triggers the behavior, and then defines the "High School"
    // value as the one that triggers visibility.
    '#states' => array(
      'visible' => array(   // action to take.
        ':input[name="student_type"]' => array('value' => 'high_school'),
      ),
    ),
  );

Aqui está um exemplo se você deseja usar #statespara a condição de vários valores:

 $form['student_type'] = array(
    '#type' => 'checkboxes',
    '#options' => array(
      'high_school'   => t('High School'),
      'undergraduate' => t('Undergraduate'),
      'graduate'      => t('Graduate'),
    ),
    '#title' => t('What type of student are you?')
  );

  // High school information.
  $form['high_school']['tests_taken'] = array(
    '#type' => 'textfield',
    '#title' => t('What standardized tests did you take?'),
    '#states' => array(
      'visible' => array(   // action to take.
        ':input[name="student_type[high_school]"]' => array('checked' => TRUE),
        ':input[name="student_type[undergraduate]"]' => array('checked' => TRUE),
        ':input[name="student_type[graduate]"]' => array('checked' => FALSE),
      ),
    ),
  );

Veja o form_example/form_example_states.inc módulo from examples para mais detalhes e exemplos.

Você deve tentar Campos Condicionais , acho que este módulo é essencial para esta tarefa. Você pode definir dependências entre os campos em uma interface administrativa amigável. Por exemplo, você pode definir o Acampo para ficar visível apenas se o Bcampo tiver o valor " 1234 " ou definir o campo de Ctexto para ficar visível apenas quando o Dcampo estiver marcado ou definir o Ecampo para invisível se Festiver focado etc.

No formulário de upload, essas dependências serão definidas no lado do cliente, na exibição do nó, essas dependências serão definidas no lado do servidor.

Você pode definir essas dependências em admin/structure/types/manage/[YOURCONTENTTYPESMACHINENAME]/dependencies .

_{(Fonte da imagem: a página do projeto )}