{"id":6750,"date":"2022-10-04T17:16:54","date_gmt":"2022-10-04T21:16:54","guid":{"rendered":"https:\/\/themespress.ca\/?p=6750"},"modified":"2022-10-09T08:01:00","modified_gmt":"2022-10-09T12:01:00","slug":"selection-field-formidable-form","status":"publish","type":"post","link":"https:\/\/themespress.ca\/en\/selection-field-formidable-form\/","title":{"rendered":"Completing a Selection Field – Formidable Form"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

With this tutorial we will show you how to complete a selection field in Formidable Form. Formidable form<\/strong><\/a> is one of the best form creation plugin available.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

Create a form and add a selection field<\/h2>\n\t
\n\t\t
\n\t\t\t

You can create a form, configure it and add it where you want it on your WordPress website.<\/p>\n

Once the form is configured, you can add the necessary fields. (Note that some fields are only available in the PRO version)<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t\n\t\t
\n\t\t\t
\"\"<\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

For this example, we will add a custom selection field.<\/p>\n

By clicking on our field, we can see its ID on the right-hand side<\/strong>. This ID is important as we’ll use it for certain queries.<\/p>\n

<\/div>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t\n\t\t
\n\t\t\t
\"\"<\/div>\n\t\t<\/figure>\n\t<\/div>\n

Dynamically completing the selection field - our posts<\/h2><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

For this query, we will create a frm_setup_new_fields_vars<\/strong><\/a> function from Formidable Form.<\/p>\n

To edit resulting values, we will add the frm_setup_new_fields_vars<\/strong><\/a> filter.<\/p>\n

In our function, we will fetch our ID (72<\/span>) of the field where the results will be displayed; i.e. our posts.<\/p>\n

In our function, we created a default label for our selection. (For our example, we’re using Select a question<\/strong>)<\/p>\n

label => “Select a question”<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

\n\t
\n\t\t\n\t\t
\n\t\t\t
\"Articles<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
add_filter('frm_setup_new_fields_vars', 'themespress_select_field_function', 20, 2);\nadd_filter('frm_setup_edit_fields_vars', 'themespress_select_field_function', 20, 2);\n\nfunction themespress_select_field_function($values, $field){\n\n\tif($field->id == 72){\n\t\t$arrayPositions = array();\n\t\t$pushobj = array(\n\t\t\tvalue => "",\n\t\t\tlabel => "Sélectionnez une question"\n\t\t);\n\t\tarray_push($arrayPositions, $pushobj);\n\t\t$positionQuery = new WP_Query( array( 'post_type' => 'questions', 'posts_per_page' => -1, 'orderby' => "menu_order", 'order' => "ASC") );\n\t\tif ( $positionQuery->have_posts() ) {\n\t\t\twhile ( $positionQuery->have_posts() ) {\n\t\t\t\t$positionQuery->the_post();\n\t\t\t\t$pushobj = array(\n\t\t\t\t\tvalue => get_the_title(),\n\t\t\t\t\tlabel => get_the_title()\n\t\t\t\t);\n\t\t\t\tarray_push($arrayPositions, $pushobj);\n\t\t\t}\n\t\t\twp_reset_postdata();\n\t\t}\n\n\t   \t$values['options'] = $arrayPositions;\n\t}\n\treturn $values;\n}<\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
And finally, in your query, you can adapt whether you want to display posts or pages.<\/p>\n
<\/div>\n\n\t\t<\/div>\n\t<\/div>\n
$positionQuery = new WP_Query( array( 'post_type' => 'questions', 'posts_per_page' => -1, 'orderby' => "menu_order", 'order' => "ASC") );<\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
Formidable form posts<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"With this tutorial we will show you how to complete a selection field in Formidable Form. Formidable form is one of the best form creation plugin available. Create a form
Read More<\/a><\/div>","protected":false},"author":81,"featured_media":6696,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[283],"tags":[],"class_list":["post-6750","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/6750","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/comments?post=6750"}],"version-history":[{"count":0,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/6750\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media\/6696"}],"wp:attachment":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media?parent=6750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/categories?post=6750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/tags?post=6750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}