how to keep dropdown selected after refresh

I tried to keep retain selected item after reloading the page this is my drop-down list enter image description here

after refreshed it looks like this enter image description here

I used this code for the load drop-down list

<select 
     data-bind="value:SelectedOrganisationData,
                options: GridAllOrganisationDataList,
                event: { change: tanantNameSelect } ,
                optionsText:'TenantName',optionsCaption: 'Choose your organisation ...',
                optionsId:'SelectTenantName'"
                class="dropdown">
</select>

function tanantNameSelect() {
        var data = PayrollIntegrationVM.SelectedOrganisationData().TenantName;

        DisplayMessage(data);
    }

using this script I can get the selected value, enter image description here

Answer

If you need to retain the data after reloading the page, you have to save the selected value to the database and get the value if the user reloads the page.