带数字的jquery订单选择框

我的页面上有多个选择框，我想按从低到高的顺序排列选项，但我无法让它工作

当页面上有一个selectbox时，此选项起作用：

var selectList = jQuery('select option');
selectList.sort(function(a, b) {
      a = a.value;
      b = b.value;

    return a - b;
});
jQuery('select').html(selectList);

所以我试过这个，但根本不起作用：

jQuery('select').each(function(i, obj) {
    var selectList = jQuery('select option');
    selectList.sort(function(a,b){
        a = a.value;
        b = b.value;

        return a-b;
    });
}).html(selectList);

HTML（但有多个不同的数字）：

选择器
1000
43
5356
22
6.

---

我做错了什么？有没有可能它总是把第一个选项放在第一位？（因此他跳过了选择的第一个选项）

您的目标内容不是值，而是文本。因此，您应该使用

.text（）

而不是

.value

如果有一个选择元素，请使用

$('select option').sort(function(a,b){
  return $(a).text()-$(b).text();
}).appendTo("select");

$（'select option'）。排序（函数（a，b）{
返回$（a）.text（）-$（b）.text（）；
}).附录（“选择”）；
$（'select option:first child'）.prop（'selected'，true）；

选择器
1000
43
5356
22
6.

您的目标内容不是值，而是文本。因此，您应该使用

.text（）

而不是

.value

如果有一个选择元素，请使用

$('select option').sort(function(a,b){
  return $(a).text()-$(b).text();
}).appendTo("select");

$（'select option'）。排序（函数（a，b）{
返回$（a）.text（）-$（b）.text（）；
}).附录（“选择”）；
$（'select option:first child'）.prop（'selected'，true）；

选择器
1000
43
5356
22
6.

你能分享html吗？@SanjitBhardwaj我编辑anwser。你能分享html吗？@SanjitBhardwaj我编辑anwser。你好，Mohammed，这正在工作，谢谢！但是现在，当您第一次加载它时，最后一个选项在select中可见，但是如何在第一次加载时显示“Selecteer”选项呢？没问题，我也找到了一个解决方案：jQuery（“select”）.val（jQuery（“select option:first”）.val（）；嗨，穆罕默德，这是工作，谢谢！但是现在，当您第一次加载它时，最后一个选项在select中可见，但是如何在第一次加载时显示“Selecteer”选项呢？没问题，我也找到了一个解决方案：jQuery（“select”）.val（jQuery（“select option:first”）.val（）；