{"id":52102,"date":"2026-06-24T10:10:40","date_gmt":"2026-06-24T10:10:40","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=52102"},"modified":"2026-06-24T10:17:03","modified_gmt":"2026-06-24T10:17:03","slug":"populating-form-fields-using-jetengine-query-builder","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/populating-form-fields-using-jetengine-query-builder\/","title":{"rendered":"How to Populate Form Fields Using JetEngine Query Builder"},"content":{"rendered":"\n

JetFormBuilder <\/em>can populate Select<\/strong><\/a>, Radio<\/strong><\/a>, and Checkbox<\/strong><\/a> <\/strong>fields dynamically by using data returned from JetEngine <\/em>Query Builder<\/strong><\/a>.<\/p>\n\n\n\n

This approach is useful when form options should reflect the queried content instead of manually adjusted ones. For example, users can choose authors from a specific Custom Post Type<\/strong><\/a>, select specific user roles from a users query, or pick WooCommerce <\/em>products from a specific category.<\/p>\n\n\n\n

In this tutorial, we will explain how JetEngine <\/em>Query Builder <\/strong>and JetFormBuilder <\/em>work together, how option values and labels are mapped, and how to build dynamic fields for several common scenarios.<\/p>\n\n\n\n

Form and JetEngine Query Ecosystem<\/h2>\n\n\n\n
\n

With the approach described in this tutorial, we create a connection between a JetEngine <\/em>query and a JetFormBuilder <\/em>field. The query retrieves data, while the form field displays it to users.<\/p>\n\n\n\n

In other words, instead of manually creating options inside a Select<\/strong>, Radio<\/strong>, or Checkbox <\/strong>field, you create a query and connect the field to its results.<\/p>\n<\/div><\/div>\n\n\n\n

Understanding Query Variable and Label Mapping<\/h2>\n\n\n\n
\n

To display dynamic options correctly, JetFormBuilder <\/em>must know:<\/p>\n\n\n\n