多选Select排序
根据下拉框的选择排序
///初始化排序框
///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排序相关推荐
- 006-筛选分类排序搜索查找Filter-Classificatio-Sort-Search-Find-Seek-Locate
006-筛选分类排序搜索查找Filter-Classificatio-Sort-Search-Find-Seek-Locate https://www.cnblogs.com/delphixx/p/1 ...
- 基于Vue和Element-UI自定义分组以及分组全选Select 选择器
文章目录 基于Vue和Element-UI自定义分组以及分组全选Select 选择器 在这里插入图片描述 源代码 基于Vue和Element-UI自定义分组以及分组全选Select 选择器 上一篇博文 ...
- JQuery设置checkbox的值,取checkbox的值,设置radio的值,取radio的值,设置下拉选select的值,取select的值...
一.复选框设置参数 html代码如下: <div class="flsm_btns"> <input type="hidden& ...
- html设置下拉筛选可以多选,select下拉框(支持筛选、多选)
Chosen 是一个支持jQuery的select下拉框美化插件,它能让丑陋的.很长的select选择框变的更好看.更方便.不仅如此,它更扩展了select,增加了自动筛选的功能.它可对列表进行分组, ...
- jQuery模拟下拉框单选框复选Select,Checkbox,Radio
在项目中,你会发现设计稿中常常会有单选框,复选框,但都不是系统默认的样式,这就可以用jquery来模拟它们: 如图所示,实现它们所需要的代码如下: 首先需要引入的代码: <link rel=&q ...
- element多选select
element的select具有多选属性,当加上这属性时,那么v-model绑定的数据会变成一个数组,数组里的每条对象是选择的下拉框选项. 本来挺正常的,但是呢后端需要的字段类型是字符串,那么提交时就 ...
- oracle按非选列排序,如何选择和排序不在Groupy中的列按SQL语句 – Oracle
包含不属于GROUP BY子句的列是没有意义的.考虑一下SELECT子句中是否有MIN(X),MAX(Y),其他列(未分组)应该来自哪一行? 如果您的Oracle版本足够新,则可以使用SUM-OVER ...
- select多选下拉框 移动端_使用select2实现多选select下拉框
多选标签: 卡卡西 鸣人 佐助 小樱 波风水门 大蛇丸 纲手 自来也 单选标签: 请选择... 卡卡西 鸣人 佐助 小樱 波风水门 大蛇丸 纲手 自来也 $(function(){ $('#sel_p ...
- html中单选多选怎么写,HTML中select标签单选多选用法详解
select 元素可创建单选或多选菜单.当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 表单数据提交给服务器时包括 name 属性. 一.基本 ...
最新文章
- 第六章|网络编程-socket开发
- 基于PYQT编写一个人脸识别软件
- js文件中定义全局配置文件
- 本地存储localStorage用法详解
- linux c之信号signal处理机制
- Linux下Tomcat安装和配置
- [html] H5播放的video视频,如何实现对视频截图?
- 域内计算机策略应用顺序
- Unreal Engine 4 C++ UCLASS构造函数易出错分析
- python自动化是什么意思_浅谈 Python 自动化
- 多线程和多进程的区别
- [转] Windows Server 2012 Beta (Hyper-V 3.0) VM Replica與Live Migration Winout Shared Storage
- 解决软件注册机被win10杀灭问题
- hibernate的hsql
- c语言表达式判断语法错误题,大连理工大学C语言模拟题机房题库单选、判断、填空(分章节_共十一章)...
- 单点登录SSO----JSON Web Token(JWT)机制
- 使用Java定义一个动物类
- Direct2D入门
- Android的MVP设计架构:网络加载图片为例
- nyoj995硬币找零(dp)
热门文章
- 【Alpha】第一次Daily Scrum Meeting
- Win7 SP1 安装SQL Server 2012时提示“此计算机上的操作系统不符合 SQL Server 2012的最低要求”...
- java开发串口步骤
- P1966 火柴排队
- v-charts显示标题
- dapper使用时性能优化
- HashSet中是如何判断元素是否重复的
- can4--测试can
- 把JS里面的Date规范输出为“YYYY-MM-DD HH:mm:SS”的字符串
- (精)tomcat 源码学习