# Populating dropdown with API connector **URL:** \ **Category:** Support\ **Created:** [November 19, 2024, 2:52pm UTC](https://community.feathery.io/t/populating-dropdown-with-api-connector/1140 "2024-11-19T14:52:49Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![KatyCooper](https://avatars.discourse-cdn.com/v4/letter/k/f14d63/32.png) [@KatyCooper](https://community.feathery.io/u/KatyCooper)\ **Post date:** [November 19, 2024, 2:52pm UTC](https://community.feathery.io/t/populating-dropdown-with-api-connector/1140/1 "2024-11-19T14:52:50Z")
I can see the [example](https://docs.feathery.io/platform/build-forms/advanced-logic/visual-rule-builder/connect-to-api-action) of how to pre-fill information using the API connector and have got this working but how would I use the API connector to populate the options of a dropdown. For example, dropdown would be ‘Resident Name’ and I want to make the dropdown options any resident names in the API JSON response. ---
**Author:** ![eri](https://avatars.discourse-cdn.com/v4/letter/e/8baadc/32.png) [@eri](https://community.feathery.io/u/eri)\ **Post date:** [November 20, 2024, 9:14pm UTC](https://community.feathery.io/t/populating-dropdown-with-api-connector/1140/2 "2024-11-20T21:14:42Z")
Hey there, as seen in the API connector, you can only map a field to a specific part of the JSON response. To work more on multiple values from the response, it would be best to access its data via JavaScript. This [reference](https://docs.feathery.io/platform/build-forms/advanced-logic/javascript-rule-builder/api-connections-in-code) shows how to call an API and save its response in JS. And then you can take the options section in this [example](https://docs.feathery.io/platform/build-forms/advanced-logic/examples/api-connectors/pre-fill-field-options-from-google-sheets) to save a specific part of the JSON data to a dropdown field.