diff --git a/app/components/automates/add.hbs b/app/components/automates/add.hbs
index 939af00ebafd297629351f672937e87e95219582..c8634429b50165cac94a5af1b40d7bf1dc2d9910 100644
--- a/app/components/automates/add.hbs
+++ b/app/components/automates/add.hbs
@@ -37,11 +37,10 @@
 </div>
 <div class="mb-3">
   <Label @for="dst_folder" @text="Destination Folder" />
-  <Select id="dst_folder" name="dst_folder">
-    <option value="1">---</option>
-    <option value="2">My Documents</option>
-    <option value="3">Some Other Folder</option>
-  </Select>
+  {{this.dst_folder}}
+  <Select @options={{this.dst_folder_options}}
+    @value={{this.dst_folder}}
+    name="dst_folder" />
 </div>
 <div class="mb-3">
   <Button::Submit @onClick={{this.onSubmit}} />
diff --git a/app/components/automates/add.js b/app/components/automates/add.js
index e7251c239c14e8d9a53320e53dcf8b7cc54968dd..a7d385d4436997eaca9cfb06ed43a5f27580993e 100644
--- a/app/components/automates/add.js
+++ b/app/components/automates/add.js
@@ -12,6 +12,15 @@ class AddAutomateComponent extends Component {
   @service store;
   @service router;
 
+  get dst_folder_options() {
+    return [
+      {'key': '---', 'value': '---'},
+      {'key': '1', 'value': 'My Documents'},
+      {'key': '2', 'value': 'XXX Some Folder'},
+      {'key': '3', 'value': 'Invoices'}
+    ]
+  }
+
   @action
   onSubmit() {
     /*
diff --git a/app/components/select/index.hbs b/app/components/select/index.hbs
index 621745c922976e1bdf875cad32b55ba652e7d072..c053a41f7ed5103adf01ddb50a42873cf940c921 100644
--- a/app/components/select/index.hbs
+++ b/app/components/select/index.hbs
@@ -1,5 +1,8 @@
 <select
+  {{on 'change' this.onSelect}}
   class="form-select"
   ...attributes>
-  {{yield}}
+  {{#each @options as |opt|}}
+    <option value="{{opt.key}}">{{opt.value}}</option>
+  {{/each}}
 </select>
\ No newline at end of file
diff --git a/app/components/select/index.js b/app/components/select/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..262ecc524f26d99ac4a214a6fe1c41fc95fa8ca2
--- /dev/null
+++ b/app/components/select/index.js
@@ -0,0 +1,15 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { tracked } from '@glimmer/tracking';
+
+class SelectComponent extends Component {
+  @tracked value = null;
+
+  @action
+  onSelect(event) {
+    console.log(`value=${event.target.value}`);
+    this.value = event.target.value;
+  }
+}
+
+export default SelectComponent;
\ No newline at end of file