JavaScript实现下拉列表排序

作者:闭包旅人

时间:2026-10-29

浏览:247

本文介绍利用JavaScript对HTML下拉列表进行排序的方法。通过获取选项文本与值,拼接后排序再拆分还原,实现列表项的有序排列,适用于前端页面开发。

文章目录

JavaScript实现下拉列表排序

本文介绍了利用JavaScript对下拉列表值进行排序的实现方法,供读者参考。


function sortList(id) {
  var obj = document.getElementById("id");
  var values = new Array();
  for(var i = 0; i < obj.options.length; i++) {
    values.push(obj.options[i].innerHTML + "--xx--" + obj.options[i].value);
  }
  values = values.sort();
  for(var i = 0; i < values.length; i++) {
    valueArray = values[i].split('--xx--');
    obj.options[i].innerHTML = valueArray[0];
    obj.options[i].value = valueArray[1];
  }
}

希望本文所述内容对大家的JavaScript程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章