{"id":15477,"date":"2026-04-21T08:51:35","date_gmt":"2026-04-21T08:51:35","guid":{"rendered":"https:\/\/manual.m-path.io\/?post_type=ht_kb&#038;p=15477"},"modified":"2026-04-21T08:51:36","modified_gmt":"2026-04-21T08:51:36","slug":"dropdown-question-item","status":"publish","type":"ht_kb","link":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/knowledge-base\/dropdown-question-item\/","title":{"rendered":"Dropdown Question Item"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"user-content-overview\">Overview<\/h2>\n\n\n\n<p>The\u00a0<strong>Dropdown<\/strong>\u00a0question presents the participant with a searchable dropdown list from which they select one option. The list of options is not hard-coded in the item itself; instead it is loaded dynamically from a prior answer in the same questionnaire, for example: the output of a\u00a0<strong><a href=\"https:\/\/manual.m-path.io\/knowledge-base\/csv-question-item\/\" data-type=\"ht_kb\" data-id=\"15475\">CSV<\/a><\/strong>\u00a0item.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-configuration-fields\">Configuration Fields<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Field<\/th><th>Type<\/th><th>Default<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><code>Dropdown options label<\/code><\/td><td>string<\/td><td><code>''<\/code><\/td><td><strong>Required.<\/strong>&nbsp;The&nbsp;<code>shortQuestion<\/code>&nbsp;label of a prior item whose answer contains the list of options (e.g. a column from a CSV item).<\/td><\/tr><tr><td><code>placeholder<\/code><\/td><td>string<\/td><td><code>'Select'<\/code><\/td><td>The hint text shown inside the dropdown field before the participant makes a selection.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-how-options-are-populated\">How Options Are Populated<\/h2>\n\n\n\n<p>The dropdown reads its options from <code>an<\/code> <code>answer<\/code>\u00a0already present in the session, for example one column produced by a preceding\u00a0<strong><a href=\"https:\/\/manual.m-path.io\/knowledge-base\/csv-question-item\/\" data-type=\"ht_kb\" data-id=\"15475\">CSV<\/a><\/strong>\u00a0item. At runtime, <code>Drop down options label<\/code>\u00a0is used to find that answer by its label.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-participant-experience\">Participant Experience<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A labelled dropdown field is shown below the question text.<\/li>\n\n\n\n<li>Tapping the field opens a popup menu with a&nbsp;<strong>live search box<\/strong>, the participant can type to filter the list in real time.<\/li>\n\n\n\n<li>Selecting an item closes the popup and confirms the choice.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"472\" height=\"1024\" src=\"\/wp-content\/uploads\/2026\/03\/closed-472x1024.png\" alt=\"\" class=\"wp-image-15478\" style=\"width:205px;height:auto\" srcset=\"\/wp-content\/uploads\/2026\/03\/closed-472x1024.png 472w, \/wp-content\/uploads\/2026\/03\/closed-138x300.png 138w, \/wp-content\/uploads\/2026\/03\/closed-768x1665.png 768w, \/wp-content\/uploads\/2026\/03\/closed-23x50.png 23w, \/wp-content\/uploads\/2026\/03\/closed-709x1536.png 709w, \/wp-content\/uploads\/2026\/03\/closed-945x2048.png 945w, \/wp-content\/uploads\/2026\/03\/closed-28x60.png 28w, \/wp-content\/uploads\/2026\/03\/closed-46x100.png 46w, \/wp-content\/uploads\/2026\/03\/closed.png 1179w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><figcaption class=\"wp-element-caption\">Closed state<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"472\" height=\"1024\" src=\"\/wp-content\/uploads\/2026\/03\/open-472x1024.png\" alt=\"\" class=\"wp-image-15479\" style=\"width:207px;height:auto\" srcset=\"\/wp-content\/uploads\/2026\/03\/open-472x1024.png 472w, \/wp-content\/uploads\/2026\/03\/open-138x300.png 138w, \/wp-content\/uploads\/2026\/03\/open-768x1665.png 768w, \/wp-content\/uploads\/2026\/03\/open-23x50.png 23w, \/wp-content\/uploads\/2026\/03\/open-709x1536.png 709w, \/wp-content\/uploads\/2026\/03\/open-945x2048.png 945w, \/wp-content\/uploads\/2026\/03\/open-28x60.png 28w, \/wp-content\/uploads\/2026\/03\/open-46x100.png 46w, \/wp-content\/uploads\/2026\/03\/open.png 1179w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><figcaption class=\"wp-element-caption\">Open state<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"user-content-answer\">Answer<\/h2>\n\n\n\n<p>The response is stored as an&nbsp;<strong><code>integer<\/code><\/strong>&nbsp;containing the&nbsp;<strong>1-based index<\/strong>&nbsp;of the selected option within the options list. For example, selecting the first option records&nbsp;<code>1<\/code>, the second records&nbsp;<code>2<\/code>, and so on.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\">The answer value is the position in the list, not the text of the selected option. To recover the label, match the index back to the options list (e.g. from the same CSV column).<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview The\u00a0Dropdown\u00a0question presents the participant with a searchable dropdown list from which they select one option. The list of options is not hard-coded in the item itself; instead it is loaded dynamically from a prior answer in the same questionnaire, for example: the output of a\u00a0CSV\u00a0item. Configuration Fields Field Type&#8230;<\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[511],"ht-kb-tag":[],"class_list":["post-15477","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-question-types"],"_links":{"self":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb\/15477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/comments?post=15477"}],"version-history":[{"count":7,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb\/15477\/revisions"}],"predecessor-version":[{"id":15585,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb\/15477\/revisions\/15585"}],"wp:attachment":[{"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/media?parent=15477"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb-category?post=15477"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/app-manual-wp-001-atfsdabuggg7fzdq.germanywestcentral-01.azurewebsites.net\/wp-json\/wp\/v2\/ht-kb-tag?post=15477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}