1. 云栖社区>
  2. >
  3. 正文

JavaScript实现对下拉列表值进行排序的方法_javascript技巧

作者:用户 来源:互联网 时间:2016-07-15 15:23:07

javascript排序下拉列表

JavaScript实现对下拉列表值进行排序的方法_javascript技巧 - 摘要: 本文讲的是JavaScript实现对下拉列表值进行排序的方法_javascript技巧, 本文实例讲述了JavaScript实现对下拉列表值进行排序的方法。分享给大家供大家参考。具体如下: function sortList(id) { var obj = document.getElementById("id");

本文实例讲述了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程序设计有所帮助。

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript , 排序 下拉列表 javascript下拉列表、下拉列表排序、excel 下拉列表 排序、javascript冒泡排序、javascript 排序,以便于您获取更多的相关知识。

弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一

云服务器9.9元/月,大学必备