根据下拉框的选择排序


///初始化排序框

///GroupMakeUp_UserID,待排序的框的实例

///sel,排序选择框

///

function InitSortCombox(GroupMakeUp_UserID, sel) {

if (sel != "undefine" && sel != null) {

var GroupMakeUp_UserIDSort = document.getElementById(sel);

//首先清空原有的值

GroupMakeUp_UserIDSort.options.length = 0;

CreateOption(GroupMakeUp_UserIDSort, "请选择", "0");

for (j = 0; j < GroupMakeUp_UserID.options.length; j++) {

//向GroupMakeUp_UserIDSort中添加项(排序框)

var s = GroupMakeUp_UserID.options[j].value.split("|");

if (Exists(GroupMakeUp_UserIDSort, s[0])) {

CreateOption(GroupMakeUp_UserIDSort, s[1], s[0]);

}

}

}

}

///排序

function Sort_GroupMakeUp_UserID(param, src) {

var oSel = document.getElementById(src);

// alert(param.value);

var arr = new Array(); // 这是关键部分

// 将select中的所有option的value值将保存在Array中

for (var i = 0; i < oSel.options.length; i++) {

// 如果需要对option中的文本排序,可以改为arr[i] = oSel.options[i].text;

arr[i] = { key: oSel.options[i].innerText, value: oSel.options[i].value };

}

//js Array排序

arr.sort(function(a, b) { return a.value.indexOf(param.value) == -1 ? 1 : -1; }); // 开始排序

// 清空Select中全部Option

oSel.options.length = 0;

// 将排序后的数组重新添加到Select中

for (i = 0; i < arr.length; i++) {

CreateOption(oSel, arr[i].key, arr[i].value);

}

}

//是否已经存在

function Exists(src, param) {

for (e = 0; e < src.options.length; e++) {

if (src.options[e].value == param) {

return false;

}

}

return true;

}

//创建新的OPTION对象

function CreateOption(src, text, value) {

var oOption = document.createElement("OPTION");

src.options.add(oOption);

oOption.innerText = text;

oOption.value = value;

}

转载于:https://www.cnblogs.com/jimtomjim/archive/2009/08/21/1551542.html

多选Select排序相关推荐

  1. 006-筛选分类排序搜索查找Filter-Classificatio-Sort-Search-Find-Seek-Locate

    006-筛选分类排序搜索查找Filter-Classificatio-Sort-Search-Find-Seek-Locate https://www.cnblogs.com/delphixx/p/1 ...

  2. 基于Vue和Element-UI自定义分组以及分组全选Select 选择器

    文章目录 基于Vue和Element-UI自定义分组以及分组全选Select 选择器 在这里插入图片描述 源代码 基于Vue和Element-UI自定义分组以及分组全选Select 选择器 上一篇博文 ...

  3. JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值...

     一.复选框设置参数 html代码如下: <div class="flsm_btns">          <input type="hidden& ...

  4. html设置下拉筛选可以多选,select下拉框(支持筛选、多选)

    Chosen 是一个支持jQuery的select下拉框美化插件,它能让丑陋的.很长的select选择框变的更好看.更方便.不仅如此,它更扩展了select,增加了自动筛选的功能.它可对列表进行分组, ...

  5. jQuery模拟下拉框单选框复选Select,Checkbox,Radio

    在项目中,你会发现设计稿中常常会有单选框,复选框,但都不是系统默认的样式,这就可以用jquery来模拟它们: 如图所示,实现它们所需要的代码如下: 首先需要引入的代码: <link rel=&q ...

  6. element多选select

    element的select具有多选属性,当加上这属性时,那么v-model绑定的数据会变成一个数组,数组里的每条对象是选择的下拉框选项. 本来挺正常的,但是呢后端需要的字段类型是字符串,那么提交时就 ...

  7. oracle按非选列排序,如何选择和排序不在Groupy中的列按SQL语句 – Oracle

    包含不属于GROUP BY子句的列是没有意义的.考虑一下SELECT子句中是否有MIN(X),MAX(Y),其他列(未分组)应该来自哪一行? 如果您的Oracle版本足够新,则可以使用SUM-OVER ...

  8. select多选下拉框 移动端_使用select2实现多选select下拉框

    多选标签: 卡卡西 鸣人 佐助 小樱 波风水门 大蛇丸 纲手 自来也 单选标签: 请选择... 卡卡西 鸣人 佐助 小樱 波风水门 大蛇丸 纲手 自来也 $(function(){ $('#sel_p ...

  9. html中单选多选怎么写,HTML中select标签单选多选用法详解

    select 元素可创建单选或多选菜单.当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 表单数据提交给服务器时包括 name 属性. 一.基本 ...

最新文章

  1. 第六章|网络编程-socket开发
  2. 基于PYQT编写一个人脸识别软件
  3. js文件中定义全局配置文件
  4. 本地存储localStorage用法详解
  5. linux c之信号signal处理机制
  6. Linux下Tomcat安装和配置
  7. [html] H5播放的video视频,如何实现对视频截图?
  8. 域内计算机策略应用顺序
  9. Unreal Engine 4 C++ UCLASS构造函数易出错分析
  10. python自动化是什么意思_浅谈 Python 自动化
  11. 多线程和多进程的区别
  12. [转] Windows Server 2012 Beta (Hyper-V 3.0) VM Replica與Live Migration Winout Shared Storage
  13. 解决软件注册机被win10杀灭问题
  14. hibernate的hsql
  15. c语言表达式判断语法错误题,大连理工大学C语言模拟题机房题库单选、判断、填空(分章节_共十一章)...
  16. 单点登录SSO----JSON Web Token(JWT)机制
  17. 使用Java定义一个动物类
  18. Direct2D入门
  19. Android的MVP设计架构:网络加载图片为例
  20. nyoj995硬币找零(dp)

热门文章

  1. 【Alpha】第一次Daily Scrum Meeting
  2. Win7 SP1 安装SQL Server 2012时提示“此计算机上的操作系统不符合 SQL Server 2012的最低要求”...
  3. java开发串口步骤
  4. P1966 火柴排队
  5. v-charts显示标题
  6. dapper使用时性能优化
  7. HashSet中是如何判断元素是否重复的
  8. can4--测试can
  9. 把JS里面的Date规范输出为“YYYY-MM-DD HH:mm:SS”的字符串
  10. (精)tomcat 源码学习