Select2 (Multiple)

This Extra Field Type is available in Profile Builder Basic, Pro, or Agency.

There aren’t that many special steps compared to a regular Select (Multiple) field. According to your needs, you can choose a field title, a description, the options and labels you want your user to select, a default selection, whether the field is required or not, and even a conditional logic rule.

But with the Select2 (Multiple) field you also have new settings like: Maximum Selections and User Inputted Options.

Note – When the WooCommerce plugin is activated user inputted options are not visible in the WordPress Default Edit Profile page. On Profile Builder forms user inputted options work as expected.

Front End – User Side

You can see the fields we just created in action on this Registration form.

When users start typing in the Select box, the list is filtered automatically.

Now let’s add a new option in the “Topics of Interest” field. You will see the warning message when you try to enter a fourth option.

Advanced customization using filters

If you have a large set of data or you want to load it from a local or an external database you can use the filters for the Single Select field:

• wppb_select2_options
• wppb_select2_labels

And for the Multiple Select field:

• wppb_select2_multiple_options
• wppb_select2_multiple_labels

Here is an example:

/* Load select data using custom code */
add_filter('wppb_select2_options', 'wppbc_data_for_select2', 10, 6);
function wppbc_data_for_select2( $select2_data, $form_location, $field, $user_id, $field_check_errors, $request_data ) {
    $select2_data="Red, Green, Blue, Yellow"; // add your own data as comma separated values
    return $select2_data;
}

Select2 is implemented using an open-source library. So far Profile Builder’s user interface lets you use some of its features but you can implement more features such as a template. The PHP code you need to create, for further customization, should be hooked to one of the available filters:

• wppb_select2_arguments
• wppb_select2_multiple_arguments

Here is a link to some examples of what can be done using Select2 library.

• Share:
• Facebook
• Twitter
• Linkedin