Sortieren nicht sortieren Javascript

Question

Nur wenn ich den Code in einem Ereignis bei Änderung habe, wird die Liste sortiert. Ich möchte es sortieren, wenn die Seite geladen wird. Ich habe versucht, onload, aber ohne Erfolg zu verwenden.

Auch ich versuche es so zu machen, was auch immer der Benutzer auswählt, dieser Wert ist der erste auf der Liste.

Works ...

myDropdown.onchange = function() { 
     $("#dropdown").append($("#dropdown option").sort(function(a, b) { 
        return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 
      })) 
     myTextBox.value = this.value; 
} 

funktioniert nicht ...

// var myDropdown = $('#dropdown'); 
// var opts_list = myDropdown.find('option'); 

// function sortTheList() { 
//  $("#dropdown").append($("#dropdown option").sort(function(a, b) { 
//   return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 
//  })) 
// }; 

// myDropdown.onload = function() { 
//  $('#dropdown option').sort(function(a,b) { return $(a).text() > $(b).text() ? 1 : -1; }); 
//  myDropdown.html('').append('#dropdown option'); 
// } 
// myDropdown.onload = function() { 
//  $("#dropdown").on($("#dropdown option").sort(function(a, b) { 
//   return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 
//  })) 
// } 

Answer 1

Statt onload, versuchen onDOMContentLoaded verwenden.

See: https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded