{"id":12076,"date":"2022-07-25T16:55:06","date_gmt":"2022-07-25T16:55:06","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=12076"},"modified":"2024-05-07T08:52:07","modified_gmt":"2024-05-07T08:52:07","slug":"can-i-add-a-searchable-dropdown-list-to-my-form","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/","title":{"rendered":"Can I add a searchable dropdown list to my 123FormBuilder form?"},"content":{"rendered":"\n<p>Yes, you can allow users to search through the options of your online form. In your <a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/\">123FormBuilder<\/a> account, go to the <b>Form&nbsp;Editor<\/b>, select the <b>Dropdown<\/b> field, and tick <b>Searchable<\/b> on the right side menu, under <b>Options<\/b>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-1024x560.png\" alt=\"Searchable dropdown\" class=\"wp-image-48714\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-1024x560.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-300x164.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-768x420.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-1536x840.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable.png 1648w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Once your respondents click on the dropdown field, a search bar will appear on the first line.<\/p>\n\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Untitled-15.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"320\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Untitled-15-1024x320.png\" alt=\"Search bar\" class=\"wp-image-44065\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Untitled-15-1024x320.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Untitled-15-300x94.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Untitled-15-768x240.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Untitled-15-1536x480.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Untitled-15.png 2010w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>A searchable dropdown list is helpful in a variety of situations. Let&#8217;s say you&#8217;re creating an <a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/free-form-templates\/gallery-appointment-forms\/\">appointment form<\/a> for scheduling medical consultations with doctors or other healthcare specialists. You might include several names, specialties, and medical offices. Patients may want to find a specific doctor by name, specialty, or location, without scrolling through a long list of options.<\/p>\n\n\n\n<p>By enabling a searchable dropdown list to your form, patients can easily search for their desired doctor as they type. The system will filter the options to display the relevant doctors in real time.<\/p>\n\n\n\n<p>In conclusion, adding a searchable dropdown list to your 123FormBuilder form is a simple yet powerful way to enhance user experience and streamline the form-filling process.<\/p>\n\n\n\n<div class=\"warningBox\"><span style=\"font-size: 14px\"><p><b>Important Note<\/b><\/p> The searchable dropdown list is not compatible on mobile. If enabled, the search bar will not appear in the dropdown on mobile devices.<\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Yes, you can allow users to search through the options of your online form. In your 123FormBuilder account, go to the Form&nbsp;Editor, select the Dropdown field, and tick Searchable on the right side menu, under Options. Once your respondents click on the dropdown field, a search bar will appear on the first line. A searchable [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[35],"tags":[284,287,288,285,286],"class_list":["post-12076","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formeditor","tag-dropdown-field","tag-filter-choices","tag-find-choices","tag-searchable-dropdown","tag-searchable-list"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Using searchable dropdown list on forms | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"To add a searchable dropdown list to your 123FormBuilder form, go to the Form Editor, edit your field and select the option &#039;searchable&#039;.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Can I add a searchable dropdown list to my 123FormBuilder form?\" \/>\n<meta property=\"og:description\" content=\"To add a searchable dropdown list to your 123FormBuilder form, go to the Form Editor, edit your field and select the option &#039;searchable&#039;.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-25T16:55:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-07T08:52:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-1024x560.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Using searchable dropdown list on forms | 123FormBuilder","description":"To add a searchable dropdown list to your 123FormBuilder form, go to the Form Editor, edit your field and select the option 'searchable'.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/","og_locale":"en_US","og_type":"article","og_title":"Can I add a searchable dropdown list to my 123FormBuilder form?","og_description":"To add a searchable dropdown list to your 123FormBuilder form, go to the Form Editor, edit your field and select the option 'searchable'.","og_url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2022-07-25T16:55:06+00:00","article_modified_time":"2024-05-07T08:52:07+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-1024x560.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/#article","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/"},"author":{"name":"","@id":""},"headline":"Can I add a searchable dropdown list to my 123FormBuilder form?","datePublished":"2022-07-25T16:55:06+00:00","dateModified":"2024-05-07T08:52:07+00:00","mainEntityOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/"},"wordCount":211,"commentCount":13,"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-1024x560.png","keywords":["dropdown field","filter choices","find choices","searchable dropdown","searchable list"],"articleSection":["Form Editor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/","name":"Using searchable dropdown list on forms | 123FormBuilder","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/#primaryimage"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-1024x560.png","datePublished":"2022-07-25T16:55:06+00:00","dateModified":"2024-05-07T08:52:07+00:00","author":{"@id":""},"description":"To add a searchable dropdown list to your 123FormBuilder form, go to the Form Editor, edit your field and select the option 'searchable'.","breadcrumb":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-1024x560.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Searchable-1024x560.png"},{"@type":"BreadcrumbList","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/can-i-add-a-searchable-dropdown-list-to-my-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/"},{"@type":"ListItem","position":2,"name":"Can I add a searchable dropdown list to my 123FormBuilder form?"}]},{"@type":"WebSite","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/","name":"123FormBuilder Knowledge Base","description":"Search our documentation platform for answers, service specifications and 3rd-party integrations.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/12076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/comments?post=12076"}],"version-history":[{"count":47,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/12076\/revisions"}],"predecessor-version":[{"id":48716,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/12076\/revisions\/48716"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/media?parent=12076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/categories?post=12076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/tags?post=12076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}