How to set a selected values in

Question

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.

Vikas Singh · 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"> $(document).ready(function() { // Get the saved branch ID var savedBranchId = @Model.BranchId; // Fetch the dropdown var branchDropdown = $('#branchIdSelect'); // Trigger API call to populate dropdown $.getJSON(branchDropdown.data('autocomplete-api-url'), function(data) { // Populate dropdown options $.each(data, function(index, branch) { branchDropdown.append(' ' + branch.name + ' '); }); // Set the selected value branchDropdown.val(savedBranchId); }); }); In this code: We retrieve the saved branch ID from @Model.BranchId . We fetch the dropdown element using jQuery. We make an AJAX call to the API to populate the dropdown options. 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.

Jayraj Chhaya · Answer

To set a selected value in a dropdown in ASP.NET Core based on a branch ID, you can achieve this by modifying the dropdown initialization script. You need to add a JavaScript function that sets the selected value after the dropdown is populated with data from the API. $(document).ready(function() { // Fetch the saved branch ID from the model var savedBranchId = @Model.BranchId; // Set the selected value in the dropdown $('#branchIdSelect').val(savedBranchId); }); By retrieving the saved branch ID from the model and setting it as the selected value in the dropdown using jQuery, you can ensure that the dropdown displays the correct value without relying on the API call during page load.

Bineesh Viswanath · Answer

@Vikas Singh, I have tried the code you provided and still not working. One thing i noticed that the api call in cshtml page is triggering only after a click in the dropdown in input area. how can i set this trigger in page load

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