diff --git a/components/lib/dropdown/Dropdown.js b/components/lib/dropdown/Dropdown.js
index 5a5f3fb09c..b625b468b2 100644
--- a/components/lib/dropdown/Dropdown.js
+++ b/components/lib/dropdown/Dropdown.js
@@ -614,15 +614,20 @@ export const Dropdown = React.memo(React.forwardRef((props, ref) => {
     });
 
     const createHiddenSelect = () => {
-        const placeHolderOption = <option value="">{props.placeholder}</option>;
-        let selectedValue = selectedOption ? getOptionValue(selectedOption) : "";
-        const option = selectedOption ? <option value={selectedValue}>{getOptionLabel(selectedOption)}</option> : null;
+        let option = { value: '', label: props.placeholder };
+
+        if (selectedOption) {
+            const optionValue = getOptionValue(selectedOption);
+            option = {
+                value: typeof optionValue === 'object' ? props.options.findIndex(o => o === optionValue) : optionValue,
+                label: getOptionLabel(selectedOption)
+            }
+        }
 
         return (
             <div className="p-hidden-accessible p-dropdown-hidden-select">
-                <select ref={inputRef} required={props.required} value={selectedValue} name={props.name} tabIndex={-1} aria-hidden="true" onChange={(e) => selectedValue = e.target.value}>
-                    {placeHolderOption}
-                    {option}
+                <select ref={inputRef} required={props.required} defaultValue={option.value} name={props.name} tabIndex={-1} aria-hidden="true">
+                    <option value={option.value}>{option.label}</option>;
                 </select>
             </div>
         )