Question

我正在尝试2个基于角色的注册。例如：Role1，Role2

点击注册链接后，在表单字段自动更改后选择任何角色（role1，role2）。它有可能吗？

示例：
选择角色:(角色1）或（角色2）选择角色表单后自动更改 Role1表单
名称：
电子邮件：
地址：

Role2表格
公司名称：
电话号码：
公司地址：

感谢。

Answer 1

jquery一个简单的答案：

在get_header（）函数之前的

wp_enqueue_script（ '的jQuery'）; wp_enqueue_style（'jquery-style'，'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元素设置为display none。

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（使用wp_enqueue（'jQuery'）排队jquery;请参阅codex。在页眉或页脚中添加到页面（转义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 here：http://jsfiddle.net/dheffernan/MHnfe/

现在，当您选择一个角色时，它会隐藏一个表单并显示另一个表单。

Wordpress基于角色的自定义注册表单

1 个答案: