ソートしないでJavaScriptを並べ替え

Question

私は変更イベントのコードを持っているときだけ、リストがソートされます。ページが読み込まれたときにソートする必要があります。私はonloadを使用しようとしましたが、成功しませんでした。

また、ユーザーが選択したものであれば、その値がリストの最初の値になるようにしようとしています。

作品...

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; 
} 

動作しない...

// 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

代わりのonloadイベント、onDOMContentLoadedを使用してみてください。

参照：https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded