better way to load 2 dropdown in mvc

Question

This is how i am loading on page load state and city dropdown:

My Controller method:

This is the first method which is calling when page is

Answer 1

disclaimer: This is not a code answer, there are plenty other answers.

I think best way to keep yourself happy to seperate UI pages from data => turn them into API calls:

• /GetCities
• /GetStates

Now you can simply leave the select's empty on Razor rendering the page. And use a Jquery/Bootstrap plugin to create an AJAX select box.

This way when the user stops typing his search, this search string can than be send with the AJAX call (eg: /GetStates?search=test) and then a small result set can be send back to the website.

This gives:

• Better separation in serveside code
• Better User eXperience.
• Smaller page loads (since you no longer send all the options to user when he requests the page, only when he opens the select box).