How to set a selected values in <select asp-for>

     I have created a dropdown and assigned a api to fetch data into this. This one is working fine during save process. but i could not able to set the saved value in this dropdown since each time the api call is happening during page load. how can i set a selected value in this dropdown based on a branch Id. 

         class="auto-complete-select"
       data-autocomplete-api-url="api/app/branch-settings/branches-from-server/"
       data-autocomplete-display-property="name"
       data-autocomplete-value-property="id"
       data-autocomplete-filter-param-name="name"
       data-autocomplete-allow-clear="true">

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sign in to answer this question

It is the same account you read, post and publish with — and you will come straight back to this page.

Sign inCreate an account

• 

  Vikas Singh2y agoPosted May 15, 2024, 1:39 PM

  Accepted answer

  To set a selected value in the dropdown based on a branch ID without triggering another API call during page load, you can use JavaScript to set the selected option after the dropdown has been populated. Here's how you can achieve this:

       class="auto-complete-select"
       data-autocomplete-api-url="api/app/branch-settings/branches-from-server/"
       data-autocomplete-display-property="name"
       data-autocomplete-value-property="id"
       data-autocomplete-filter-param-name="name"
       data-autocomplete-allow-clear="true">

 

In this code:

1. We retrieve the saved branch ID from @Model.BranchId.
2. We fetch the dropdown element using jQuery.
3. We make an AJAX call to the API to populate the dropdown options.
4. Once the options are populated, we set the selected value of the dropdown to the saved branch ID.

This way, the selected value will be set without triggering another API call during page load.