Условная логика API Drupal 7 Forms не работает в IE - PullRequest
Новая
       49

Условная логика API Drupal 7 Forms не работает в IE

2 голосов
/ 21 марта 2012

У меня есть форма drupal 7 с кучей полей: 

$form['account_type'] = array(
  '#title' => t('Utility Account Type'),
  '#type' => 'select',
  '#options' => necp_enrollment_administration_portal_account_type_options(),
  '#required' => TRUE,
  '#default_value' => isset($form_state['values']['account_type']) ? $form_state['values']['account_type'] : '',
);

// Should show if account_type = 1
$form['home_wrapper'] = array(
  '#type' => 'fieldset',
  '#states' => array(
    'visible' => array(
      ':input[name="account_type"]' => array('value' => 1),
    ),
  ),
);
$form['home_wrapper']['first_name_1'] = array(
  '#title' => t('Primary Account First Name'),
  '#type' => 'textfield',
  '#default_value' => isset($form_state['values']['first_name_1']) ? $form_state['values']['first_name_1'] : '',
  '#states' => array(
    'required' => array(
      ':input[name="account_type"]' => array('value' => 1),
    ),
  ),
);
$form['home_wrapper']['last_name_1'] = array(
  '#title' => t('Primary Account Last Name'),
  '#type' => 'textfield',
  '#default_value' => isset($form_state['values']['last_name_1']) ? $form_state['values']['last_name_1'] : '',
  '#states' => array(
    'required' => array(
      ':input[name="account_type"]' => array('value' => 1),
    ),
  ),
);

// Should show if account_type = 2
$form['business_wrapper'] = array(
  '#type' => 'fieldset',
  '#states' => array(
    'visible' => array(
      ':input[name="account_type"]' => array('value' => 2),
    ),
  ),
);
$form['business_wrapper']['company_name'] = array(
  '#title' => t('Company/Organization'),
  '#type' => 'textfield',
  '#default_value' => isset($form_state['values']['company_name']) ? $form_state['values']['company_name'] : '',
  '#states' => array(
    'required' => array(
      ':input[name="account_type"]' => array('value' => 2),
    ),
  ),
);

В Firefox / Chrome / Opera во всех версиях эта форма ведет себя так, как должна.Однако во всех версиях IE форма инициализируется с display: none;стиль для всех условных полей независимо от значения в account_type.Изменение выбранной опции account_type не влияет на скрытый статус.

Любые советы по отладке этой формы были бы замечательными.

Примечания:

  • Я не оченьразработчика Drupal, я унаследовал этот сайт.Просто пытаясь сгладить последние пару ошибок, чтобы мы могли начать работу
  • есть больше полей, чем перечислено выше, я просто дал вам несколько подходящих, чтобы вы могли понять суть моих формsetup
  • текущий URL для формы в разработке: https://northeastcleanpower.com/enroll_new
  • Я использую http://www.browserstack.com/ для отладки IE 7 - 10pp4 (я думаю, что мы должны поддерживать только 8 ихотя)

Я также пробовал:

  • ':select[name="account_type"]' => array('value' => 1),
  • '#edit-account-type' => array('value' => 1),

Ответы [ 2 ]

12 голосов
/ 21 марта 2012

Хорошо, я нашел решение. Надеюсь, это поможет кому-то в ситуации, аналогичной моей. 

':input[name="account_type"]' => array('value' => 1),

должно быть: 

':input[name="account_type"]' => array('value' => "1"),

Очевидно, javascript в IE оценивал буквальный тип / значение, а не просто значение: 1 !== "1" и т. Д. Как только я это исправил, он начал работать как чемпион.

также в моем коде был еще один экземпляр, в котором значение приходило из переменной PHP. Она не принимала переменную как int, а принимала ее как строку ... 

':input[name="account_type"]' => array('value' => "$id"),
0 голосов
/ 21 марта 2012

Я предполагаю, что селектор ввода jQuery не работает по любой причине. Можете ли вы попробовать заменить :input[name="account_type"] на #edit-account-type

...