JavaScript实现下拉列表排序
作者:闭包旅人时间:2026-10-29 12:29:27浏览:248
本文介绍利用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程序设计有所帮助。
作者最新文章
怎么用 Promise 封装 JavaScript sleep 函数实现异步延时
2026-11-05 17:49:14
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
