排序不排序javascript

Question

只有当我在on change事件中有代码时，列表才会被排序。我希望它在页面加载时排序。我尝试过使用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