如何按字母顺序排序下拉列表

Question

I am creating my own website in C# , and I am trying to sort the list of names of some people that I get from the database in alphabetical order (A - Z).

I leave a jsflidde with an example of what I have done and the function made in javacript with which I load the list of people in the drop-down list

 function loadResponsable() { const url = document.getElementById("responsables").value; document.getElementById("AssignDiv").style.display = "block"; $.ajax({ url: url, type: "POST", dataType: "json", success: function(data) { const responsables = document.getElementById("ticketRespInput"); for (let idx in data) { if (data.hasOwnProperty(idx)) { const option = document.createElement("option"); option.innerHTML = data[idx]; option.value = idx; responsables.options.add(option); } } } }); };

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <div class="form-group" name="asignar" id="AssignDiv"> <label class="required-field" name="asignar" id="lblAssignDiv" for="ticketRespInput">Asignado a:</label> <select onchange="validate(this)" id="ticketRespInput" name="assigned" class="form-control form-control-user validateable" style="width: 100%; padding: 0.375rem 0.75rem; height: 50px;" tabindex="-1" aria-hidden="true"> <option value="" disabled selected>Sin asignar</option> </select> </div>

UPDATE:

I add server side code

[HttpPost]
        public JsonResult LoadResponsables()
        {
            var groups = new List<string>();

            if (string.Equals(Session["tipo"].ToString(), "super") ||
                string.Equals(Session["tipo"].ToString(), "admin"))
                groups.AddRange(LdapGroupModel.GetAllLdapGoups().LdapGroupsList
                    .Select(ldapGroup => ldapGroup.LdapGroupsId));
            else
                groups.AddRange(LdapGroupModel.GetLdapGroupsFromArea(Session["area"].ToString()).LdapGroupFromArea
                    .Select(ldapGroup => ldapGroup.LdapGroupsId));

            return Json(LdapController.GetUsersByGroup(groups));
        }

Error:

Answer 1

You can sort in ascending or descending order when you are fetching from database with SQL or no-SQL syntax and with javascript, you can sor the array 'data' with sort() function.

data.sort()

put this line before the for loop.

Answer 2

There are a couple of ways you can do this. One option is to use Sort() on the server-side. Instead of

return Json(LdapController.GetUsersByGroup(groups));

You could do:

return Json(LdapController.GetUsersByGroup(groups.Sort()));

But personally, I would dig into LdapGroupModel.GetAllLdapGoups() and find the root query that generates your list, and do the sorting there. I like to sort the data as close to the data source as possible. But that's just me. Either should work!

EDIT:

Ok, my mistake. Try this instead:

groups.Sort();
return Json(LdapController.GetUsersByGroup(groups));