Wordpress Ролевая форма регистрации

Question

Я пытаюсь зарегистрироваться на основе 2 ролей. Пример: Role1, Role2

После нажатия на ссылку "Регистрация" выберите любую роль (роль1, роль2) после того, как поле формы автоматически изменится. Возможно?

Пример:
Выберите роль: (Role1) или (Role2) После того, как форма выбора роли автоматически изменится
Role1 Форма
Название:
Эл. адрес:
Адрес:

Role2 Форма
Название компании:
Номер телефона:
Адрес компании:

Благодарю.

Answer 1

JQuery для простого ответа:

перед функцией get_header() wp_enqueue_script('jQuery'); wp_enqueue_style('стиль jquery', ' http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');

ваш селекторный элемент:

   <select name="drop" id="drop">
   <option name="role1">role1</option>
   <option name="role2">role2</option>
   </select>

установить форму 2 элемента, как отображать нет.

HTML-форма:

   <div class="forma" style="display: none;"> 
   question 1
   question 2 
   </div>

   <div class="formhidden"  style="display: none;">
   company name: <input type="text"  name="company" /> 
   </div>

Jquery (ставьте jquery в очередь с помощью wp_enqueue('jQuery'); см. Кодекс. Для этого добавьте страницу на страницу либо в верхнем, либо в нижнем колонтитуле (escape php), иногда вам нужно изменить положение, чтобы оно работало..)

  <script type="text/javascript">
  jQuery(document).ready(function() {
       jQuery('#drop').change(function() { 

           if(jQuery('#drop').val()=="role2") {
            jQuery('.formhidden').show();
               jQuery('.forma').hide();
           } else {

            jQuery(".forma").show();
               jQuery('.formhidden').hide();
            }

      });
   });

jsfiddle здесь: http://jsfiddle.net/dheffernan/MHnfe/

теперь, когда вы выбираете роль, она скрывает одну форму и показывает другую.