diff --git a/cypress/components/select/filterable-select/filterable-select.cy.tsx b/cypress/components/select/filterable-select/filterable-select.cy.tsx
index 3b0c855ee7..77901b2ac4 100644
--- a/cypress/components/select/filterable-select/filterable-select.cy.tsx
+++ b/cypress/components/select/filterable-select/filterable-select.cy.tsx
@@ -1018,6 +1018,7 @@ context("Tests for FilterableSelect component", () => {
       selectOption(positionOfElement(position)).click();
       cy.get("@onChange").should("have.been.calledWith", {
         target: { value: option },
+        selectionConfirmed: true,
       });
     });
 
@@ -1147,6 +1148,93 @@ context("Tests for FilterableSelect component", () => {
     });
   });
 
+  describe("selection confirmed", () => {
+    it("is set on the event when options are clicked", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectListText("One").click();
+      cy.get('[data-element="confirmed-selection-1"]').should("exist");
+      dropdownButton().click();
+      selectListText("Five").click();
+      cy.get('[data-element="confirmed-selection-1"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-5"]').should("exist");
+      dropdownButton().click();
+      selectListText("Seven").click();
+      cy.get('[data-element="confirmed-selection-5"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-7"]').should("exist");
+    });
+
+    it("is set on the event when Enter key is pressed on an option using ArrowDown key to navigate", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-1"]').should("exist");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-1"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-3"]').should("exist");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-3"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-5"]').should("exist");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-5"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-6"]').should("exist");
+    });
+
+    it("is set on the event when Enter key is pressed on an option using ArrowUp key to navigate", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-9"]').should("exist");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-9"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-7"]').should("exist");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-7"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-5"]').should("exist");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-5"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-4"]').should("exist");
+    });
+
+    it("is set on the event when Enter key is pressed on an option after filtering", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      commonDataElementInputPreview().click().type("th");
+      cy.get('[data-element="confirmed-selection-3"]').should("not.exist");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-3"]').should("exist");
+    });
+  });
+
+  it("should not throw when filter text does not match option text", () => {
+    CypressMountWithProviders(
+      <stories.FilterableSelectComponent
+        value={undefined}
+        onChange={undefined}
+      />
+    );
+
+    commonDataElementInputPreview().type("abc");
+    selectInput().realPress("Enter");
+    getDataElementByValue("input").should("have.attr", "value", "");
+  });
+
   describe("Accessibility tests for FilterableSelect component", () => {
     it("should pass accessibilty tests for FilterableSelect", () => {
       CypressMountWithProviders(<stories.FilterableSelectComponent />);
diff --git a/cypress/components/select/multi-select/multi-select.cy.tsx b/cypress/components/select/multi-select/multi-select.cy.tsx
index f489129f92..149152d81c 100644
--- a/cypress/components/select/multi-select/multi-select.cy.tsx
+++ b/cypress/components/select/multi-select/multi-select.cy.tsx
@@ -915,6 +915,7 @@ context("Tests for MultiSelect component", () => {
       selectOption(positionOfElement(position)).click();
       cy.get("@onChange").should("have.been.calledWith", {
         target: { value: option },
+        selectionConfirmed: true,
       });
     });
 
@@ -1099,6 +1100,141 @@ context("Tests for MultiSelect component", () => {
     });
   });
 
+  describe("selection confirmed", () => {
+    it("is set on the event when options are clicked", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectListText("One").click();
+      selectListText("Five").click();
+      selectListText("Seven").click();
+
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 3);
+      cy.get('[data-element="confirmed-selection-1"]').should("exist");
+      cy.get('[data-element="confirmed-selection-5"]').should("exist");
+      cy.get('[data-element="confirmed-selection-7"]').should("exist");
+    });
+
+    it("is set on the event when Enter key is pressed on an option using ArrowDown key to navigate", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 4);
+      cy.get('[data-element="confirmed-selection-1"]').should("exist");
+      cy.get('[data-element="confirmed-selection-3"]').should("exist");
+      cy.get('[data-element="confirmed-selection-5"]').should("exist");
+      cy.get('[data-element="confirmed-selection-6"]').should("exist");
+    });
+
+    it("is set on the event when Enter key is pressed on an option using ArrowUp key to navigate", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 4);
+      cy.get('[data-element="confirmed-selection-9"]').should("exist");
+      cy.get('[data-element="confirmed-selection-7"]').should("exist");
+      cy.get('[data-element="confirmed-selection-5"]').should("exist");
+      cy.get('[data-element="confirmed-selection-4"]').should("exist");
+    });
+
+    it("is set on the event when the selected options are removed via Backspace key", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 4);
+
+      selectInput().realPress("Backspace");
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 3);
+      selectInput().realPress("Backspace");
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 2);
+      selectInput().realPress("Backspace");
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 1);
+      selectInput().realPress("Backspace");
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 0);
+    });
+
+    it("is set on the event when the selected options are removed via clicking close icon of Pills", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectListText("One").click();
+      selectListText("Five").click();
+      selectListText("Seven").click();
+
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 3);
+      pillCloseIcon().eq(2).click();
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 2);
+      pillCloseIcon().eq(1).click();
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 1);
+      pillCloseIcon().eq(0).click();
+      cy.get('[data-element="confirmed-selections"]')
+        .children()
+        .should("have.length", 0);
+    });
+  });
+
+  it("should not add an empty Pill when filter text does not match option text", () => {
+    CypressMountWithProviders(<stories.MultiSelectComponent />);
+
+    multiSelectPill().should("not.exist");
+    commonDataElementInputPreview().type("abc");
+    selectInput().realPress("Enter");
+    multiSelectPill().should("not.exist");
+  });
+
   describe("Accessibility tests for MultiSelect component", () => {
     it("should pass accessibilty tests for MultiSelect", () => {
       CypressMountWithProviders(<stories.MultiSelectComponent />);
diff --git a/cypress/components/select/simple-select/simple-select.cy.tsx b/cypress/components/select/simple-select/simple-select.cy.tsx
index 7a96cd582f..2222149372 100644
--- a/cypress/components/select/simple-select/simple-select.cy.tsx
+++ b/cypress/components/select/simple-select/simple-select.cy.tsx
@@ -1007,6 +1007,80 @@ context("Tests for SimpleSelect component", () => {
     });
   });
 
+  describe("selection confirmed", () => {
+    it("is set on the event when options are clicked", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectListText("One").click();
+      cy.get('[data-element="confirmed-selection-1"]').should("exist");
+      dropdownButton().click();
+      selectListText("Five").click();
+      cy.get('[data-element="confirmed-selection-1"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-5"]').should("exist");
+      dropdownButton().click();
+      selectListText("Seven").click();
+      cy.get('[data-element="confirmed-selection-5"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-7"]').should("exist");
+    });
+
+    it("is set on the event when Enter key is pressed on an option using ArrowDown key to navigate", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-1"]').should("exist");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-1"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-3"]').should("exist");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-3"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-5"]').should("exist");
+      selectInput().realPress("ArrowDown");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-5"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-6"]').should("exist");
+    });
+
+    it("is set on the event when Enter key is pressed on an option using ArrowUp key to navigate", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-9"]').should("exist");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-9"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-7"]').should("exist");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-7"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-5"]').should("exist");
+      selectInput().realPress("ArrowUp");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-5"]').should("not.exist");
+      cy.get('[data-element="confirmed-selection-4"]').should("exist");
+    });
+
+    it("is set on the event when Enter key is pressed on an option after using alpha key", () => {
+      CypressMountWithProviders(<stories.SelectionConfirmed />);
+
+      dropdownButton().click();
+      selectInput().type("t", { force: true });
+      cy.get('[data-element="confirmed-selection-2"]').should("not.exist");
+      selectInput().realPress("Enter");
+      cy.get('[data-element="confirmed-selection-2"]').should("exist");
+    });
+  });
+
   describe("Accessibility tests for SimpleSelect component", () => {
     it("should pass accessibility tests for SimpleSelect", () => {
       CypressMountWithProviders(<stories.SimpleSelectComponent />);
diff --git a/src/components/select/filterable-select/filterable-select-test.stories.tsx b/src/components/select/filterable-select/filterable-select-test.stories.tsx
index 4953773c01..e5aace0979 100644
--- a/src/components/select/filterable-select/filterable-select-test.stories.tsx
+++ b/src/components/select/filterable-select/filterable-select-test.stories.tsx
@@ -1,6 +1,11 @@
-import React, { useState } from "react";
+import React, { useState, useRef } from "react";
 import partialAction from "../../../../.storybook/utils/partial-action";
-import { FilterableSelect, Option, FilterableSelectProps } from "..";
+import {
+  FilterableSelect,
+  Option,
+  FilterableSelectProps,
+  CustomSelectChangeEvent,
+} from "..";
 import OptionRow from "../option-row/option-row.component";
 import Dialog from "../../dialog";
 import Button from "../../button";
@@ -8,6 +13,7 @@ import Button from "../../button";
 export default {
   component: FilterableSelect,
   title: "Select/Filterable/Test",
+  excludeStories: ["SelectionConfirmed"],
   parameters: {
     info: { disable: true },
     chromatic: {
@@ -49,7 +55,7 @@ DefaultStory.storyName = "default";
 export const FilterableSelectComponent = (
   props: Partial<FilterableSelectProps>
 ) => {
-  const [value, setValue] = React.useState("");
+  const [value, setValue] = useState("");
 
   function onChangeHandler(event: React.ChangeEvent<HTMLInputElement>) {
     setValue(event.target.value);
@@ -87,9 +93,9 @@ export const FilterableSelectComponent = (
 export const FilterableSelectWithLazyLoadingComponent = (
   props: Partial<FilterableSelectProps>
 ) => {
-  const preventLoading = React.useRef(false);
-  const [value, setValue] = React.useState("black");
-  const [isLoading, setIsLoading] = React.useState(true);
+  const preventLoading = useRef(false);
+  const [value, setValue] = useState("black");
+  const [isLoading, setIsLoading] = useState(true);
   const asyncList = [
     <Option text="Amber" value="amber" key="Amber" />,
     <Option text="Black" value="black" key="Black" />,
@@ -97,7 +103,7 @@ export const FilterableSelectWithLazyLoadingComponent = (
     <Option text="Brown" value="brown" key="Brown" />,
     <Option text="Green" value="green" key="Green" />,
   ];
-  const [optionList, setOptionList] = React.useState([
+  const [optionList, setOptionList] = useState([
     <Option text="Black" value="black" key="Black" />,
   ]);
 
@@ -135,7 +141,7 @@ export const FilterableSelectWithLazyLoadingComponent = (
 export const FilterableSelectLazyLoadTwiceComponent = (
   props: Partial<FilterableSelectProps>
 ) => {
-  const preventLoading = React.useRef(false);
+  const preventLoading = useRef(false);
   const [value, setValue] = useState("");
   const [isLoading, setIsLoading] = useState(true);
   const asyncList = [
@@ -186,9 +192,9 @@ export const FilterableSelectLazyLoadTwiceComponent = (
 export const FilterableSelectWithInfiniteScrollComponent = (
   props: Partial<FilterableSelectProps>
 ) => {
-  const preventLoading = React.useRef(false);
-  const preventLazyLoading = React.useRef(false);
-  const lazyLoadingCounter = React.useRef(0);
+  const preventLoading = useRef(false);
+  const preventLazyLoading = useRef(false);
+  const lazyLoadingCounter = useRef(0);
   const [value, setValue] = useState("");
   const [isLoading, setIsLoading] = useState(true);
   const asyncList = [
@@ -277,7 +283,7 @@ export const FilterableSelectObjectAsValueComponent = (
     value: 5,
     text: "Green",
   });
-  const optionList = React.useRef([
+  const optionList = useRef([
     <Option
       text="Amber"
       key="Amber"
@@ -495,9 +501,9 @@ export const FilterableSelectMultiColumnsNestedComponent = (
 };
 
 export const FilterableSelectWithActionButtonComponent = () => {
-  const [value, setValue] = React.useState("");
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [optionList, setOptionList] = React.useState([
+  const [value, setValue] = useState("");
+  const [isOpen, setIsOpen] = useState(false);
+  const [optionList, setOptionList] = useState([
     <Option text="Amber" value="amber" key="Amber" />,
     <Option text="Black" value="black" key="Black" />,
     <Option text="Blue" value="blue" key="Blue" />,
@@ -554,7 +560,7 @@ export const FilterableSelectOnChangeEventComponent = ({
   onChange,
   ...props
 }: Partial<FilterableSelectProps>) => {
-  const [state, setState] = React.useState("");
+  const [state, setState] = useState("");
 
   const setValue = (event: React.ChangeEvent<HTMLInputElement>) => {
     setState(event.target.value);
@@ -583,7 +589,7 @@ export const FilterableSelectOnChangeEventComponent = ({
 export const FilterableSelectListActionEventComponent = (
   props: Partial<FilterableSelectProps>
 ) => {
-  const [value, setValue] = React.useState("");
+  const [value, setValue] = useState("");
 
   return (
     <FilterableSelect
@@ -641,3 +647,43 @@ export const FilterableSelectNestedInDialog = () => {
     </Dialog>
   );
 };
+
+export const SelectionConfirmed = () => {
+  const [value, setValue] = useState("");
+  const [confirmedSelection, setConfirmedSelection] = useState("");
+
+  const handleChange = (event: CustomSelectChangeEvent) => {
+    setValue(event.target.value);
+    if (event.selectionConfirmed) {
+      setConfirmedSelection(event.target.value);
+    }
+  };
+  return (
+    <>
+      <FilterableSelect
+        name="testing"
+        value={value}
+        onChange={handleChange}
+        openOnFocus
+        label="Test"
+        placeholder=" "
+      >
+        <Option value="1" text="One" />
+        <Option value="2" text="Two" />
+        <Option value="3" text="Three" />
+        <Option value="4" text="Four" />
+        <Option value="5" text="Five" />
+        <Option value="6" text="Six" />
+        <Option value="7" text="Seven" />
+        <Option value="8" text="Eight" />
+        <Option value="9" text="Nine" />
+      </FilterableSelect>
+
+      {confirmedSelection ? (
+        <span data-element={`confirmed-selection-${confirmedSelection}`}>
+          {confirmedSelection}
+        </span>
+      ) : null}
+    </>
+  );
+};
diff --git a/src/components/select/filterable-select/filterable-select.component.tsx b/src/components/select/filterable-select/filterable-select.component.tsx
index e6ea9592e0..9f86ec103b 100644
--- a/src/components/select/filterable-select/filterable-select.component.tsx
+++ b/src/components/select/filterable-select/filterable-select.component.tsx
@@ -17,6 +17,8 @@ import Logger from "../../../__internal__/utils/logger";
 import useStableCallback from "../../../hooks/__internal__/useStableCallback";
 import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";
 import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility/useInputAccessibility";
+import { CustomSelectChangeEvent } from "../simple-select";
+import { OptionData } from "../simple-select/simple-select.component";
 
 let deprecateInputRefWarnTriggered = false;
 let deprecateUncontrolledWarnTriggered = false;
@@ -127,7 +129,7 @@ export const FilterableSelect = React.forwardRef(
     }: FilterableSelectProps,
     ref
   ) => {
-    const [activeDescendantId, setActiveDescendantId] = useState();
+    const [activeDescendantId, setActiveDescendantId] = useState<string>();
     const selectListId = useRef(guid());
     const containerRef = useRef<HTMLDivElement>(null);
     const listboxRef = useRef<HTMLDivElement>(null);
@@ -169,24 +171,25 @@ export const FilterableSelect = React.forwardRef(
     }
 
     const createCustomEvent = useCallback(
-      (newValue) => {
+      (newValue, selectionConfirmed) => {
         const customEvent = {
           target: {
             ...(name && { name }),
             ...(id && { id }),
             value: newValue,
           },
+          selectionConfirmed,
         };
 
-        return customEvent as React.ChangeEvent<HTMLInputElement>;
+        return customEvent as CustomSelectChangeEvent;
       },
       [name, id]
     );
 
     const triggerChange = useCallback(
-      (newValue) => {
+      (newValue, selectionConfirmed) => {
         if (onChange) {
-          onChange(createCustomEvent(newValue));
+          onChange(createCustomEvent(newValue, selectionConfirmed));
         }
       },
       [onChange, createCustomEvent]
@@ -199,21 +202,19 @@ export const FilterableSelect = React.forwardRef(
       return (list as React.ReactElement[]).find((child) => {
         const { text } = child.props;
 
-        return (
-          text && text.toLowerCase().indexOf(textToMatch.toLowerCase()) !== -1
-        );
+        return text?.toLowerCase().indexOf(textToMatch?.toLowerCase()) !== -1;
       });
     }
 
     const updateValues = useCallback(
-      (newFilterText, isDeleteEvent) => {
+      (newFilterText: string, isDeleteEvent: boolean) => {
         setSelectedValue((previousValue) => {
           const match = findElementWithMatchingText(newFilterText, children);
           const isFilterCleared = isDeleteEvent && newFilterText === "";
 
           if (!match || isFilterCleared) {
             setTextValue(newFilterText);
-            triggerChange("");
+            triggerChange("", false);
 
             return "";
           }
@@ -224,11 +225,11 @@ export const FilterableSelect = React.forwardRef(
             return match.props.value;
           }
 
-          triggerChange(match.props.value);
+          triggerChange(match.props.value, false);
 
           if (
             match.props.text
-              .toLowerCase()
+              ?.toLowerCase()
               .startsWith(newFilterText.toLowerCase())
           ) {
             setTextValue(match.props.text);
@@ -262,8 +263,8 @@ export const FilterableSelect = React.forwardRef(
         } else if (
           isClosing ||
           matchingOption.props.text
-            .toLowerCase()
-            .startsWith(filterText.toLowerCase())
+            ?.toLowerCase()
+            .startsWith(filterText?.toLowerCase())
         ) {
           setTextValue(matchingOption.props.text);
         }
@@ -290,7 +291,7 @@ export const FilterableSelect = React.forwardRef(
       (key) => {
         setFilterText((previousFilterText) => {
           if (
-            previousFilterText.length === textValue.length - 1 &&
+            previousFilterText?.length === textValue?.length - 1 &&
             key === textValue.slice(-1)
           ) {
             return textValue;
@@ -434,15 +435,15 @@ export const FilterableSelect = React.forwardRef(
 
     useEffect(() => {
       const textStartsWithFilter = textValue
-        .toLowerCase()
-        .startsWith(filterText.toLowerCase());
+        ?.toLowerCase()
+        .startsWith(filterText?.toLowerCase());
       const isTextboxActive = !disabled && !readOnly;
 
       if (
         isTextboxActive &&
         textboxRef &&
-        filterText.length &&
-        textValue.length > filterText.length &&
+        filterText?.length &&
+        textValue?.length > filterText?.length &&
         textStartsWithFilter
       ) {
         textboxRef.selectionStart = filterText.length;
@@ -450,12 +451,13 @@ export const FilterableSelect = React.forwardRef(
     }, [textValue, filterText, textboxRef, disabled, readOnly]);
 
     const onSelectOption = useCallback(
-      (optionData) => {
+      (optionData: OptionData) => {
         const {
           id: selectedOptionId,
           text,
           value: newValue,
           selectionType,
+          selectionConfirmed,
         } = optionData;
 
         if (selectionType === "tab") {
@@ -470,8 +472,8 @@ export const FilterableSelect = React.forwardRef(
           setHighlightedValue(newValue);
         }
 
-        setTextValue(text);
-        triggerChange(newValue);
+        setTextValue(text || /* istanbul ignore next */ "");
+        triggerChange(newValue, selectionConfirmed);
         setActiveDescendantId(selectedOptionId);
 
         if (selectionType !== "navigationKey") {
diff --git a/src/components/select/filterable-select/filterable-select.spec.tsx b/src/components/select/filterable-select/filterable-select.spec.tsx
index de637a3375..8d6751f1fa 100644
--- a/src/components/select/filterable-select/filterable-select.spec.tsx
+++ b/src/components/select/filterable-select/filterable-select.spec.tsx
@@ -75,6 +75,22 @@ describe("FilterableSelect", () => {
     expect(wrapper.find(Textbox).prop("type")).toBe("text");
   });
 
+  it("should not throw when non-matching filter text is input and enter key pressed", () => {
+    const wrapper = renderSelect({});
+
+    expect(() => {
+      act(() => {
+        wrapper.find(Textbox).prop("onChange")?.(({
+          target: { value: "foo" },
+          nativeEvent: { inputType: undefined },
+        } as unknown) as React.ChangeEvent<HTMLInputElement>);
+        wrapper.find(Textbox).prop("onKeyDown")?.({
+          key: "Enter",
+        } as React.KeyboardEvent<HTMLInputElement>);
+      });
+    }).not.toThrow();
+  });
+
   describe("with a ref", () => {
     it("the input ref should be forwarded", () => {
       let mockRef = { current: null };
@@ -579,23 +595,27 @@ describe("FilterableSelect", () => {
       value: "Foo",
       text: "Bar",
       selectionType: "navigationKey",
+      selectionConfirmed: false,
     };
     const clickOptionObject = {
       value: "Foo",
       text: "Bar",
       selectionType: "click",
+      selectionConfirmed: true,
     };
     const textboxProps = {
       name: "testName",
       id: "testId",
     };
     const expectedEventObject = {
+      selectionConfirmed: true,
       target: {
         ...textboxProps,
         value: "Foo",
       },
     };
     const expectedDeleteEventObject = {
+      selectionConfirmed: false,
       target: {
         ...textboxProps,
         value: "",
@@ -880,6 +900,7 @@ describe("FilterableSelect", () => {
       value: "opt3",
       text: "black",
       selectionType: "click",
+      selectionConfirmed: true,
     };
 
     beforeEach(() => {
@@ -900,7 +921,10 @@ describe("FilterableSelect", () => {
         act(() => {
           wrapper.find(SelectList).prop("onSelect")(clickOptionObject);
         });
-        expect(onChangeFn).toHaveBeenCalledWith(expectedObject);
+        expect(onChangeFn).toHaveBeenCalledWith({
+          selectionConfirmed: true,
+          ...expectedObject,
+        });
       });
     });
 
@@ -912,7 +936,10 @@ describe("FilterableSelect", () => {
         });
 
         it("then the onChange function should have been called with with the expected value", () => {
-          expect(onChangeFn).toHaveBeenCalledWith(expectedObject);
+          expect(onChangeFn).toHaveBeenCalledWith({
+            selectionConfirmed: false,
+            ...expectedObject,
+          });
         });
 
         describe("and an an empty value has been passed", () => {
@@ -931,7 +958,10 @@ describe("FilterableSelect", () => {
         });
 
         it("then the onChange function should have been called with with the expected value", () => {
-          expect(onChangeFn).toHaveBeenCalledWith(expectedObject);
+          expect(onChangeFn).toHaveBeenCalledWith({
+            selectionConfirmed: false,
+            ...expectedObject,
+          });
         });
 
         it("then the Textbox visible value should be changed to that character", () => {
diff --git a/src/components/select/filterable-select/filterable-select.stories.mdx b/src/components/select/filterable-select/filterable-select.stories.mdx
index d19e0688ae..63c4047edd 100644
--- a/src/components/select/filterable-select/filterable-select.stories.mdx
+++ b/src/components/select/filterable-select/filterable-select.stories.mdx
@@ -167,6 +167,16 @@ be customised if desired using the `virtualScrollOverscan` prop. Higher values w
   <Story name="virtualised" story={stories.Virtualised} />
 </Canvas>
 
+### Selection confirmed
+
+A change event is emitted each time an option is navigated via keyboard as it sets the value of the 
+Select input. For those that need to trigger further actions when the user makes a selection, there is 
+a `selectionConfirmed` property on the emitted event when the enter key is pressed or an option is clicked.
+
+<Canvas>
+  <Story name="selection confirmed" story={stories.SelectionConfirmedStory} />
+</Canvas>
+
 ## Props
 
 ### Filterable Select
diff --git a/src/components/select/filterable-select/filterable-select.stories.tsx b/src/components/select/filterable-select/filterable-select.stories.tsx
index fa7d84b8c8..2156c13099 100644
--- a/src/components/select/filterable-select/filterable-select.stories.tsx
+++ b/src/components/select/filterable-select/filterable-select.stories.tsx
@@ -1,9 +1,16 @@
 import React, { useState, useRef } from "react";
-import { FilterableSelect, Option, OptionRow } from "..";
+import {
+  CustomSelectChangeEvent,
+  FilterableSelect,
+  Option,
+  OptionRow,
+} from "..";
 import Button from "../../button";
 import Dialog from "../../dialog";
 import CarbonProvider from "../../carbon-provider";
 import Box from "../../box";
+import Icon from "../../icon";
+import Typography from "../../typography";
 
 export const Default = () => (
   <FilterableSelect name="simple" id="simple" label="color" labelInline>
@@ -708,3 +715,41 @@ export const Virtualised = () => {
     </FilterableSelect>
   );
 };
+
+export const SelectionConfirmedStory = () => {
+  const [selectionConfirmed, setSelectionConfirmed] = useState(false);
+  return (
+    <Box p={1}>
+      <Typography variant="strong">
+        Selection Confirmed:{" "}
+        {selectionConfirmed ? (
+          <Icon type="tick" bg="primary" color="white" />
+        ) : (
+          <Icon type="cross" bg="red" color="white" />
+        )}
+      </Typography>
+      <FilterableSelect
+        onChange={(ev: CustomSelectChangeEvent) => {
+          setSelectionConfirmed(!!ev.selectionConfirmed);
+        }}
+        name="selection confirmed"
+        id="selection confirmed"
+        label="color"
+      >
+        <Option text="Amber" value="1" />
+        <Option text="Black" value="2" />
+        <Option text="Blue" value="3" />
+        <Option text="Brown" value="4" />
+        <Option text="Green" value="5" />
+        <Option text="Orange" value="6" />
+        <Option text="Pink" value="7" />
+        <Option text="Purple" value="8" />
+        <Option text="Red" value="9" />
+        <Option text="White" value="10" />
+        <Option text="Yellow" value="11" />
+      </FilterableSelect>
+    </Box>
+  );
+};
+
+SelectionConfirmedStory.parameters = { chromatic: { disableSnapshot: true } };
diff --git a/src/components/select/index.ts b/src/components/select/index.ts
index e19fece48e..b1203823ce 100644
--- a/src/components/select/index.ts
+++ b/src/components/select/index.ts
@@ -5,7 +5,10 @@ export type { OptionRowProps } from "./option-row";
 export { default as OptionGroupHeader } from "./option-group-header";
 export type { OptionGroupHeaderProps } from "./option-group-header";
 export { default as Select } from "./simple-select";
-export type { SimpleSelectProps } from "./simple-select";
+export type {
+  SimpleSelectProps,
+  CustomSelectChangeEvent,
+} from "./simple-select";
 export { default as FilterableSelect } from "./filterable-select";
 export type { FilterableSelectProps } from "./filterable-select";
 export { default as MultiSelect } from "./multi-select";
diff --git a/src/components/select/multi-select/multi-select-test.stories.tsx b/src/components/select/multi-select/multi-select-test.stories.tsx
index 4eefd7d711..51a6a44fc3 100644
--- a/src/components/select/multi-select/multi-select-test.stories.tsx
+++ b/src/components/select/multi-select/multi-select-test.stories.tsx
@@ -1,5 +1,10 @@
-import React, { useState } from "react";
-import { MultiSelect, Option, MultiSelectProps } from "..";
+import React, { useState, useRef } from "react";
+import {
+  MultiSelect,
+  Option,
+  MultiSelectProps,
+  CustomSelectChangeEvent,
+} from "..";
 import partialAction from "../../../../.storybook/utils/partial-action";
 import OptionRow from "../option-row/option-row.component";
 import Button from "../../button/button.component";
@@ -10,6 +15,7 @@ import CarbonProvider from "../../carbon-provider/carbon-provider.component";
 export default {
   component: MultiSelect,
   title: "Select/MultiSelect/Test",
+  excludeStories: ["SelectionConfirmed"],
   parameters: {
     info: { disable: true },
     chromatic: {
@@ -154,7 +160,7 @@ export const MultiSelectLongPillComponent = (
 export const MultiSelectWithLazyLoadingComponent = (
   props: Partial<MultiSelectProps>
 ) => {
-  const preventLoading = React.useRef(false);
+  const preventLoading = useRef(false);
   const [value, setValue] = useState<string[]>([]);
   const [isLoading, setIsLoading] = useState(true);
   const asyncList = [
@@ -200,9 +206,9 @@ export const MultiSelectWithLazyLoadingComponent = (
 export const MultiSelectLazyLoadTwiceComponent = (
   props: Partial<MultiSelectProps>
 ) => {
-  const preventLoading = React.useRef(false);
+  const preventLoading = useRef(false);
   const [value, setValue] = useState<string[]>([]);
-  const [isLoading, setIsLoading] = React.useState(true);
+  const [isLoading, setIsLoading] = useState(true);
   const asyncList = [
     <Option text="Amber" value="amber" key="Amber" />,
     <Option text="Black" value="black" key="Black" />,
@@ -258,7 +264,7 @@ export const MultiSelectObjectAsValueComponent = (
     { id: "Green", value: 5, text: "Green" },
   ]);
 
-  const optionList = React.useRef([
+  const optionList = useRef([
     <Option
       text="Amber"
       key="Amber"
@@ -589,3 +595,43 @@ export const MultiSelectErrorOnChangeNewValidation = () => {
     </CarbonProvider>
   );
 };
+
+export const SelectionConfirmed = () => {
+  const [value, setValue] = useState<string[]>([]);
+  const [confirmedSelections, setConfirmedSelections] = useState<string[]>([]);
+
+  const handleChange = (event: CustomSelectChangeEvent) => {
+    setValue((event.target.value as unknown) as string[]);
+    if (event.selectionConfirmed) {
+      setConfirmedSelections((event.target.value as unknown) as string[]);
+    }
+  };
+  return (
+    <>
+      <MultiSelect
+        name="testing"
+        value={value}
+        onChange={handleChange}
+        openOnFocus
+        label="Test"
+        placeholder=" "
+      >
+        <Option value="1" text="One" />
+        <Option value="2" text="Two" />
+        <Option value="3" text="Three" />
+        <Option value="4" text="Four" />
+        <Option value="5" text="Five" />
+        <Option value="6" text="Six" />
+        <Option value="7" text="Seven" />
+        <Option value="8" text="Eight" />
+        <Option value="9" text="Nine" />
+      </MultiSelect>
+
+      <div data-element="confirmed-selections">
+        {confirmedSelections.map((cs) => (
+          <span data-element={`confirmed-selection-${cs}`}>{cs}</span>
+        ))}
+      </div>
+    </>
+  );
+};
diff --git a/src/components/select/multi-select/multi-select.component.tsx b/src/components/select/multi-select/multi-select.component.tsx
index 90d967a107..d677ff8027 100644
--- a/src/components/select/multi-select/multi-select.component.tsx
+++ b/src/components/select/multi-select/multi-select.component.tsx
@@ -28,6 +28,7 @@ import useFormSpacing from "../../../hooks/__internal__/useFormSpacing";
 import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility/useInputAccessibility";
 import { OptionProps } from "../option";
 import { OptionRowProps } from "../option-row";
+import { CustomSelectChangeEvent } from "../simple-select";
 
 let deprecateInputRefWarnTriggered = false;
 let deprecateUncontrolledWarnTriggered = false;
@@ -191,16 +192,17 @@ export const MultiSelect = React.forwardRef(
     }, [onOpen]);
 
     const createCustomEvent = useCallback(
-      (newValue) => {
+      (newValue, selectionConfirmed) => {
         const customEvent = {
           target: {
             ...(name && { name }),
             ...(id && { id }),
             value: newValue,
           },
+          selectionConfirmed,
         };
 
-        return customEvent as React.ChangeEvent<HTMLInputElement>;
+        return customEvent as CustomSelectChangeEvent;
       },
       [name, id]
     );
@@ -213,14 +215,15 @@ export const MultiSelect = React.forwardRef(
       (
         updateFunction: (
           previousValue: string[] | Record<string, unknown>[]
-        ) => string[] | Record<string, unknown>[]
+        ) => string[] | Record<string, unknown>[],
+        selectionConfirmed
       ) => {
         const newValue = updateFunction(
           actualValue as string[] | Record<string, unknown>[]
         );
         // only call onChange if an option has been selected or deselected
         if (onChange && newValue.length !== actualValue?.length) {
-          onChange(createCustomEvent(newValue));
+          onChange(createCustomEvent(newValue, selectionConfirmed));
         }
 
         // no need to update selectedValue if the component is controlled: onChange should take care of updating the value
@@ -270,7 +273,7 @@ export const MultiSelect = React.forwardRef(
           newValue.splice(index, 1);
 
           return newValue;
-        });
+        }, true);
       },
       [updateValue]
     );
@@ -357,6 +360,11 @@ export const MultiSelect = React.forwardRef(
 
         let pillProps: Omit<PillProps, "children"> = {};
 
+        if (!matchingOption) {
+          return null;
+        }
+
+        /* istanbul ignore else */
         if (React.isValidElement(matchingOption)) {
           pillProps = {
             title: matchingOption.props.text,
@@ -365,12 +373,12 @@ export const MultiSelect = React.forwardRef(
           };
         }
 
-        const title = pillProps.title || "";
+        const title = pillProps.title || /* istanbul ignore next */ "";
         const key =
           title +
           ((React.isValidElement(matchingOption) &&
             (matchingOption.props as OptionProps | OptionRowProps).value) ||
-            index);
+            /* istanbul ignore next */ index);
 
         return (
           <StyledSelectPillContainer key={key}>
@@ -534,6 +542,7 @@ export const MultiSelect = React.forwardRef(
           value: newValue,
           selectionType,
           id: selectedOptionId,
+          selectionConfirmed,
         } = optionData;
 
         if (selectionType === "navigationKey") {
@@ -561,7 +570,7 @@ export const MultiSelect = React.forwardRef(
           }
 
           return [...previousValue, newValue];
-        });
+        }, selectionConfirmed);
       },
       [textboxRef, actualValue, updateValue]
     );
diff --git a/src/components/select/multi-select/multi-select.spec.tsx b/src/components/select/multi-select/multi-select.spec.tsx
index 7c1d61067b..2f658c9d59 100644
--- a/src/components/select/multi-select/multi-select.spec.tsx
+++ b/src/components/select/multi-select/multi-select.spec.tsx
@@ -77,6 +77,21 @@ describe("MultiSelect", () => {
     ).toBe(placeholder);
   });
 
+  it("should not render an empty Pill when non-matching filter text is input and enter key pressed", () => {
+    const wrapper = renderSelect({});
+
+    act(() => {
+      wrapper.find(Textbox).prop("onChange")?.({
+        target: { value: "foo" },
+      } as React.ChangeEvent<HTMLInputElement>);
+      wrapper.find(Textbox).prop("onKeyDown")?.({
+        key: "Enter",
+      } as React.KeyboardEvent<HTMLInputElement>);
+    });
+
+    expect(wrapper.find(Pill).exists()).toBe(false);
+  });
+
   describe("when an HTML element is clicked", () => {
     let wrapper: ReactWrapper;
     let domNode: HTMLElement;
@@ -484,6 +499,7 @@ describe("MultiSelect", () => {
           value: "opt3",
           text: "blue",
           selectionType: "enter",
+          selectionConfirmed: true,
         };
         const changeEventObject = { target: { value: "b" } };
 
@@ -749,17 +765,20 @@ describe("MultiSelect", () => {
       value: "opt1",
       text: "red",
       selectionType: "enter",
+      selectionConfirmed: true,
     };
     const mockNavigationKeyOptionObject = {
       value: "opt1",
       text: "red",
       selectionType: "navigationKey",
+      selectionConfirmed: false,
     };
     const textboxProps = {
       name: "testName",
       id: "testId",
     };
     const expectedEventObject = {
+      selectionConfirmed: true,
       target: {
         ...textboxProps,
         value: ["opt1"],
@@ -958,6 +977,7 @@ describe("MultiSelect", () => {
 
   describe("when the component is controlled", () => {
     const expectedObject = {
+      selectionConfirmed: true,
       target: {
         id: "testSelect",
         name: "testSelect",
@@ -969,6 +989,7 @@ describe("MultiSelect", () => {
       value: "opt2",
       text: "black",
       selectionType: "click",
+      selectionConfirmed: true,
     };
 
     describe("and an option is selected", () => {
@@ -1069,12 +1090,14 @@ describe("MultiSelect", () => {
       value: "opt1",
       text: "red",
       selectionType: "enter",
+      selectionConfirmed: true,
     };
     const textboxProps = {
       name: "testName",
       id: "testId",
     };
     const expectedEventObject = {
+      selectionConfirmed: true,
       target: {
         ...textboxProps,
         value: ["opt1"],
diff --git a/src/components/select/option/option.component.tsx b/src/components/select/option/option.component.tsx
index f17b7f2a7d..56ced45bb2 100644
--- a/src/components/select/option/option.component.tsx
+++ b/src/components/select/option/option.component.tsx
@@ -88,7 +88,7 @@ const Option = React.forwardRef(
         role="option"
         hidden={hidden}
         style={style}
-        {...rest}
+        {...{ ...rest, fill: undefined }}
       >
         {children || text}
       </StyledOption>
diff --git a/src/components/select/select-list/select-list.component.tsx b/src/components/select/select-list/select-list.component.tsx
index 1d8c86b1af..0ea42b59bb 100644
--- a/src/components/select/select-list/select-list.component.tsx
+++ b/src/components/select/select-list/select-list.component.tsx
@@ -48,6 +48,7 @@ export interface SelectListProps {
     value?: string | Record<string, unknown>;
     id?: string;
     selectionType: string;
+    selectionConfirmed: boolean;
   }) => void;
   /** A callback for when the list should be closed */
   onSelectListClose: () => void;
@@ -185,7 +186,11 @@ const SelectList = React.forwardRef(
 
     const handleSelect = useCallback(
       (optionData) => {
-        onSelect({ ...optionData, selectionType: "click" });
+        onSelect({
+          ...optionData,
+          selectionType: "click",
+          selectionConfirmed: true,
+        });
       },
       [onSelect]
     );
@@ -329,6 +334,7 @@ const SelectList = React.forwardRef(
           id: childIds
             ? childIds[nextIndex]
             : /* istanbul ignore next */ undefined,
+          selectionConfirmed: false,
         });
       },
       [
@@ -345,7 +351,7 @@ const SelectList = React.forwardRef(
     const handleActionButtonTab = useCallback(
       (event, isActionButtonFocused) => {
         if (isActionButtonFocused) {
-          onSelect({ selectionType: "tab" });
+          onSelect({ selectionType: "tab", selectionConfirmed: false });
         } else {
           event.preventDefault();
           listActionButtonRef.current?.focus();
@@ -393,6 +399,7 @@ const SelectList = React.forwardRef(
             text,
             value,
             selectionType: "enterKey",
+            selectionConfirmed: true,
           });
         } else if (isNavigationKey(key)) {
           focusOnAnchor();
diff --git a/src/components/select/select-list/select-list.spec.tsx b/src/components/select/select-list/select-list.spec.tsx
index 58409ca289..1591f93686 100644
--- a/src/components/select/select-list/select-list.spec.tsx
+++ b/src/components/select/select-list/select-list.spec.tsx
@@ -346,6 +346,7 @@ describe("SelectList", () => {
               selectionType: "enterKey",
               text: "blue",
               value: "opt3",
+              selectionConfirmed: true,
             });
           });
         });
@@ -363,6 +364,7 @@ describe("SelectList", () => {
               selectionType: "navigationKey",
               text: "red",
               value: "opt1",
+              selectionConfirmed: false,
             });
           });
         });
@@ -380,6 +382,7 @@ describe("SelectList", () => {
               selectionType: "navigationKey",
               text: "red",
               value: "opt1",
+              selectionConfirmed: false,
             });
           });
 
@@ -410,6 +413,7 @@ describe("SelectList", () => {
               selectionType: "navigationKey",
               text: "blue",
               value: "opt3",
+              selectionConfirmed: false,
             });
           });
         });
@@ -427,6 +431,7 @@ describe("SelectList", () => {
               selectionType: "navigationKey",
               text: "blue",
               value: "opt3",
+              selectionConfirmed: false,
             });
           });
         });
@@ -443,6 +448,7 @@ describe("SelectList", () => {
             selectionType: "navigationKey",
             text: "red",
             value: "opt1",
+            selectionConfirmed: false,
           });
         });
       });
@@ -458,6 +464,7 @@ describe("SelectList", () => {
             selectionType: "navigationKey",
             text: "blue",
             value: "opt3",
+            selectionConfirmed: false,
           });
         });
       });
@@ -498,6 +505,7 @@ describe("SelectList", () => {
           selectionType: "click",
           text: "red",
           value: "opt1",
+          selectionConfirmed: true,
         });
       });
     });
@@ -771,7 +779,10 @@ describe("SelectList", () => {
       const testContainer = document.createElement("div");
       const onFocusFn = jest.fn();
       const onSelectFn = jest.fn();
-      const expectedSelectValue = { selectionType: "tab" };
+      const expectedSelectValue = {
+        selectionType: "tab",
+        selectionConfirmed: false,
+      };
 
       document.body.appendChild(testContainer);
 
@@ -915,6 +926,7 @@ describe("SelectList", () => {
           selectionType: "navigationKey",
           text: "red",
           value: "opt1",
+          selectionConfirmed: false,
         });
       });
     });
diff --git a/src/components/select/select-textbox/select-textbox.component.tsx b/src/components/select/select-textbox/select-textbox.component.tsx
index 8f86fa400c..dd6cc5e2c9 100644
--- a/src/components/select/select-textbox/select-textbox.component.tsx
+++ b/src/components/select/select-textbox/select-textbox.component.tsx
@@ -6,6 +6,7 @@ import Textbox, { CommonTextboxProps } from "../../textbox";
 import SelectText from "../__internal__/select-text";
 import useLocale from "../../../hooks/__internal__/useLocale";
 import { ValidationProps } from "../../../__internal__/validations";
+import { CustomSelectChangeEvent } from "../simple-select/simple-select.component";
 
 const floatingMiddleware = [
   offset(({ rects }) => ({
@@ -21,7 +22,7 @@ const floatingMiddleware = [
 
 export interface FormInputPropTypes
   extends ValidationProps,
-    Omit<CommonTextboxProps, "onClick"> {
+    Omit<CommonTextboxProps, "onClick" | "onChange"> {
   /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
   adaptiveLabelBreakpoint?: number;
   /** Prop to specify the aria-label attribute of the component input */
@@ -49,7 +50,9 @@ export interface FormInputPropTypes
   /** Specify a callback triggered on blur */
   onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
   /** Specify a callback triggered on change */
-  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (
+    ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>
+  ) => void;
   /** Specify a callback triggered on click */
   onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
   /** Specify a callback triggered on focus */
diff --git a/src/components/select/simple-select/index.ts b/src/components/select/simple-select/index.ts
index ab19d3d035..97a1553a58 100644
--- a/src/components/select/simple-select/index.ts
+++ b/src/components/select/simple-select/index.ts
@@ -1,2 +1,5 @@
 export { default } from "./simple-select.component";
-export type { SimpleSelectProps } from "./simple-select.component";
+export type {
+  SimpleSelectProps,
+  CustomSelectChangeEvent,
+} from "./simple-select.component";
diff --git a/src/components/select/simple-select/simple-select-test.stories.tsx b/src/components/select/simple-select/simple-select-test.stories.tsx
index 5bc5935fcc..b8b278efd6 100644
--- a/src/components/select/simple-select/simple-select-test.stories.tsx
+++ b/src/components/select/simple-select/simple-select-test.stories.tsx
@@ -1,7 +1,10 @@
-import React, { useState } from "react";
+import React, { useState, useRef } from "react";
 import Typography from "../../../components/typography";
 import Content from "../../../components/content";
-import { Select as SimpleSelect } from "../../../../src/components/select";
+import {
+  CustomSelectChangeEvent,
+  Select as SimpleSelect,
+} from "../../../../src/components/select";
 import OptionRow from "../option-row/option-row.component";
 import OptionGroupHeader from "../option-group-header/option-group-header.component";
 import Box from "../../box";
@@ -12,6 +15,7 @@ import { Select, Option, SimpleSelectProps } from "..";
 export default {
   component: Select,
   title: "Select/Test",
+  excludeStories: ["SelectionConfirmed"],
   parameters: {
     info: { disable: true },
     chromatic: {
@@ -169,7 +173,7 @@ export const DelayedReposition = () => {
 DelayedReposition.storyName = "delayed reposition";
 
 export const SimpleSelectComponent = (props: Partial<SimpleSelectProps>) => {
-  const [value, setValue] = React.useState("");
+  const [value, setValue] = useState("");
 
   function onChangeHandler(event: React.ChangeEvent<HTMLInputElement>) {
     setValue(event.target.value);
@@ -204,9 +208,9 @@ export const SimpleSelectComponent = (props: Partial<SimpleSelectProps>) => {
 export const SimpleSelectWithLazyLoadingComponent = (
   props: Partial<SimpleSelectProps>
 ) => {
-  const preventLoading = React.useRef(false);
-  const [value, setValue] = React.useState("black");
-  const [isLoading, setIsLoading] = React.useState(true);
+  const preventLoading = useRef(false);
+  const [value, setValue] = useState("black");
+  const [isLoading, setIsLoading] = useState(true);
   const asyncList = [
     <Option text="Amber" value="amber" key="Amber" />,
     <Option text="Black" value="black" key="Black" />,
@@ -214,7 +218,7 @@ export const SimpleSelectWithLazyLoadingComponent = (
     <Option text="Brown" value="brown" key="Brown" />,
     <Option text="Green" value="green" key="Green" />,
   ];
-  const [optionList, setOptionList] = React.useState([
+  const [optionList, setOptionList] = useState([
     <Option text="Black" value="black" key="Black" />,
   ]);
 
@@ -254,11 +258,11 @@ export const SimpleSelectWithLazyLoadingComponent = (
 export const SimpleSelectWithInfiniteScrollComponent = (
   props: Partial<SimpleSelectProps>
 ) => {
-  const preventLoading = React.useRef(false);
-  const preventLazyLoading = React.useRef(false);
-  const lazyLoadingCounter = React.useRef(0);
-  const [value, setValue] = React.useState("");
-  const [isLoading, setIsLoading] = React.useState(true);
+  const preventLoading = useRef(false);
+  const preventLazyLoading = useRef(false);
+  const lazyLoadingCounter = useRef(0);
+  const [value, setValue] = useState("");
+  const [isLoading, setIsLoading] = useState(true);
   const asyncList = [
     <Option text="Amber" value="amber" key="Amber" />,
     <Option text="Black" value="black" key="Black" />,
@@ -349,7 +353,7 @@ export const SimpleSelectObjectAsValueComponent = (
     value: 5,
     text: "Green",
   });
-  const optionList = React.useRef([
+  const optionList = useRef([
     <Option
       text="Amber"
       key="Amber"
@@ -702,3 +706,43 @@ SelectWithOptionGroupHeader.args = {
   listPlacement: undefined,
   flipEnabled: true,
 };
+
+export const SelectionConfirmed = () => {
+  const [value, setValue] = useState("");
+  const [confirmedSelection, setConfirmedSelection] = useState("");
+
+  const handleChange = (event: CustomSelectChangeEvent) => {
+    setValue(event.target.value);
+    if (event.selectionConfirmed) {
+      setConfirmedSelection(event.target.value);
+    }
+  };
+  return (
+    <>
+      <Select
+        name="testing"
+        value={value}
+        onChange={handleChange}
+        openOnFocus
+        label="Test"
+        placeholder=" "
+      >
+        <Option value="1" text="One" />
+        <Option value="2" text="Two" />
+        <Option value="3" text="Three" />
+        <Option value="4" text="Four" />
+        <Option value="5" text="Five" />
+        <Option value="6" text="Six" />
+        <Option value="7" text="Seven" />
+        <Option value="8" text="Eight" />
+        <Option value="9" text="Nine" />
+      </Select>
+
+      {confirmedSelection ? (
+        <span data-element={`confirmed-selection-${confirmedSelection}`}>
+          {confirmedSelection}
+        </span>
+      ) : null}
+    </>
+  );
+};
diff --git a/src/components/select/simple-select/simple-select.component.tsx b/src/components/select/simple-select/simple-select.component.tsx
index 0df95e1eb7..2d2bb1f603 100644
--- a/src/components/select/simple-select/simple-select.component.tsx
+++ b/src/components/select/simple-select/simple-select.component.tsx
@@ -25,6 +25,19 @@ let deprecateUncontrolledWarnTriggered = false;
 
 type TimerId = ReturnType<typeof setTimeout>;
 
+export interface OptionData {
+  text?: string;
+  value?: string | Record<string, unknown>;
+  id?: string;
+  selectionType: string;
+  selectionConfirmed?: boolean;
+}
+
+export interface CustomSelectChangeEvent
+  extends React.ChangeEvent<HTMLInputElement> {
+  selectionConfirmed?: boolean;
+}
+
 export interface SimpleSelectProps
   extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
   /** Prop to specify the aria-label attribute of the component input */
@@ -164,16 +177,17 @@ export const SimpleSelect = React.forwardRef(
     ]) as React.ReactElement[];
 
     const createCustomEvent = useCallback(
-      (newValue) => {
+      (newValue, selectionConfirmed = false) => {
         const customEvent = {
           target: {
             ...(name && { name }),
             ...(id && { id }),
             value: newValue,
           },
+          selectionConfirmed,
         };
 
-        return customEvent as React.ChangeEvent<HTMLInputElement>;
+        return customEvent as CustomSelectChangeEvent;
       },
       [name, id]
     );
@@ -406,7 +420,8 @@ export const SimpleSelect = React.forwardRef(
 
     function updateValue(
       newValue?: string | Record<string, unknown>,
-      text?: string
+      text?: string,
+      selectionConfirmed?: boolean
     ) {
       if (!isControlled.current) {
         setSelectedValue(newValue);
@@ -414,25 +429,21 @@ export const SimpleSelect = React.forwardRef(
       }
 
       if (onChange) {
-        onChange(createCustomEvent(newValue));
+        onChange(createCustomEvent(newValue, selectionConfirmed));
       }
     }
 
-    function onSelectOption(optionData: {
-      text?: string;
-      value?: string | Record<string, unknown>;
-      id?: string;
-      selectionType: string;
-    }) {
+    function onSelectOption(optionData: OptionData) {
       const {
         text,
         value: newValue,
         selectionType,
         id: selectedOptionId,
+        selectionConfirmed,
       } = optionData;
       const isClickTriggered = selectionType === "click";
 
-      updateValue(newValue, text);
+      updateValue(newValue, text, selectionConfirmed);
       setActiveDescendantId(selectedOptionId);
 
       if (selectionType !== "navigationKey") {
diff --git a/src/components/select/simple-select/simple-select.spec.tsx b/src/components/select/simple-select/simple-select.spec.tsx
index 8101b7974c..999965f1a2 100644
--- a/src/components/select/simple-select/simple-select.spec.tsx
+++ b/src/components/select/simple-select/simple-select.spec.tsx
@@ -700,6 +700,7 @@ describe("SimpleSelect", () => {
           id: "testId",
         };
         const mockEventObject = {
+          selectionConfirmed: false,
           target: {
             ...textboxProps,
             value: "opt3",
@@ -720,17 +721,20 @@ describe("SimpleSelect", () => {
       value: "opt2",
       text: "green",
       selectionType: "navigationKey",
+      selectionConfirmed: false,
     };
     const clickOptionObject = {
       value: "opt2",
       text: "green",
       selectionType: "click",
+      selectionConfirmed: true,
     };
     const textboxProps = {
       name: "testName",
       id: "testId",
     };
     const expectedEventObject = {
+      selectionConfirmed: true,
       target: {
         ...textboxProps,
         value: "opt2",
@@ -894,6 +898,7 @@ describe("SimpleSelect", () => {
       value: "opt3",
       text: "black",
       selectionType: "click",
+      selectionConfirmed: true,
     };
 
     beforeEach(() => {
@@ -910,7 +915,10 @@ describe("SimpleSelect", () => {
         act(() => {
           wrapper.find(SelectList).prop("onSelect")(clickOptionObject);
         });
-        expect(onChangeFn).toHaveBeenCalledWith(expectedObject);
+        expect(onChangeFn).toHaveBeenCalledWith({
+          selectionConfirmed: true,
+          ...expectedObject,
+        });
       });
     });
 
@@ -925,7 +933,10 @@ describe("SimpleSelect", () => {
       });
 
       it("then the onChange function should have been called with with the expected value", () => {
-        expect(onChangeFn).toHaveBeenCalledWith(expectedObject);
+        expect(onChangeFn).toHaveBeenCalledWith({
+          selectionConfirmed: false,
+          ...expectedObject,
+        });
       });
     });
 
diff --git a/src/components/select/simple-select/simple-select.stories.mdx b/src/components/select/simple-select/simple-select.stories.mdx
index d7bed0946e..8787c6d9ce 100644
--- a/src/components/select/simple-select/simple-select.stories.mdx
+++ b/src/components/select/simple-select/simple-select.stories.mdx
@@ -192,6 +192,17 @@ be customised if desired using the `virtualScrollOverscan` prop. Higher values w
   <Story name="with multiple columns and virtualisation" story={stories.WithMultipleColumnsAndVirtualisation} />
 </Canvas>
 
+### Selection confirmed
+
+A change event is emitted each time an option is navigated via keyboard as it sets the value of the 
+Select input. For those that need to trigger further actions when the user makes a selection, there is 
+a `selectionConfirmed` property on the emitted event when the enter key is pressed or an option is clicked.
+
+<Canvas>
+  <Story name="selection confirmed" story={stories.SelectionConfirmedStory} />
+</Canvas>
+
+
 ## Props
 
 ### Select
diff --git a/src/components/select/simple-select/simple-select.stories.tsx b/src/components/select/simple-select/simple-select.stories.tsx
index fc8a2486bd..ccd6dbf1a0 100644
--- a/src/components/select/simple-select/simple-select.stories.tsx
+++ b/src/components/select/simple-select/simple-select.stories.tsx
@@ -1,9 +1,16 @@
 import React, { useState, useRef } from "react";
-import { Select, Option, OptionRow, OptionGroupHeader } from "..";
+import {
+  Select,
+  Option,
+  OptionRow,
+  OptionGroupHeader,
+  CustomSelectChangeEvent,
+} from "..";
 import Button from "../../button";
 import Icon from "../../icon";
 import CarbonProvider from "../../carbon-provider";
 import Box from "../../box";
+import Typography from "../../typography";
 
 export const Default = () => (
   <Select name="simple" id="simple" label="color" labelInline>
@@ -697,3 +704,41 @@ export const WithMultipleColumnsAndVirtualisation = () => (
 WithMultipleColumnsAndVirtualisation.parameters = {
   chromatic: { disableSnapshot: true },
 };
+
+export const SelectionConfirmedStory = () => {
+  const [selectionConfirmed, setSelectionConfirmed] = useState(false);
+  return (
+    <Box p={1}>
+      <Typography variant="strong">
+        Selection Confirmed:{" "}
+        {selectionConfirmed ? (
+          <Icon type="tick" bg="primary" color="white" />
+        ) : (
+          <Icon type="cross" bg="red" color="white" />
+        )}
+      </Typography>
+      <Select
+        onChange={(ev: CustomSelectChangeEvent) => {
+          setSelectionConfirmed(!!ev.selectionConfirmed);
+        }}
+        name="selection confirmed"
+        id="selection confirmed"
+        label="color"
+      >
+        <Option text="Amber" value="1" />
+        <Option text="Black" value="2" />
+        <Option text="Blue" value="3" />
+        <Option text="Brown" value="4" />
+        <Option text="Green" value="5" />
+        <Option text="Orange" value="6" />
+        <Option text="Pink" value="7" />
+        <Option text="Purple" value="8" />
+        <Option text="Red" value="9" />
+        <Option text="White" value="10" />
+        <Option text="Yellow" value="11" />
+      </Select>
+    </Box>
+  );
+};
+
+SelectionConfirmedStory.parameters = { chromatic: { disableSnapshot: true } };