转载请注明来源:https://www.cnblogs.com/hookjc/

function FlySwapSelect(s1,s2,myvars,calldbclick)
{
 var mSel1=s1;
 var mSel2=s2;
 var mThis=this;
 var mVars=myvars.split('|');
 var mCallDbClick=calldbclick;
 mSel1.attachEvent('ondblclick',function(){mThis.SwapOptions(mSel1,mSel2);});
 mSel2.attachEvent('ondblclick',function(){mThis.SwapOptions(mSel2,mSel1);});

//双击事件的处理
 this.SwapOptions=function(from,to)
 {
  if(from.selectedIndex<0) return;
  var op1=from.options[from.selectedIndex];
  //如果为空
  if(op1.innerHTML=='') return;
  var op2=new Option(op1.text,op1.value);
  var len=to.options.length;
  to.options[len]=op2;
  for(var i=0;i<mVars.length;i++)
   to.options[len].setAttribute(mVars[i],op1.getAttribute(mVars[i]));
  from.options[from.selectedIndex]=null;
  if(mCallDbClick!='')eval(mCallDbClick+'();');
 }
 this.GetSum=function(obj,str)
 {
  var ret=new Array();
  arr=str.split("|");
  for(var n=0;n<arr.length;n++)
   ret[n]=0;
  for(i=0;i<obj.options.length;i++)
  {
   for(var n=0;n<arr.length;n++)
    ret[n]+=obj.options[i].getAttribute(arr[n])*1;
  }
  return ret;
 }
 //根据查询条件筛选
 this.Query=function(sel,where)
 {
  for(i=0;i<sel.options.length;i++)
  {
   t=sel.options[i];
   var ret=eval(where);
   if(ret)
   {
    if(sel.options[i].innerHTML=='')
     sel.options[i].innerHTML=sel.options[i].oldtxt;
   }else
   {
    if(sel.options[i].innerHTML!='')
    {
     sel.options[i].oldtxt=sel.options[i].innerHTML;
     sel.options[i].innerHTML='';
    }
   }
  }
  this.Sort(sel);
 }

排序:
 this.Sort=function(obj)
 {
  var arr = new Array();
  
  var len=obj.options.length;
  for(var i=0; i<len; i++)
  {
   var attrs = new Array();
   for(var n=0;n<mVars.length;n++)
    attrs[n]=obj.options[i].getAttribute(mVars[n]);
   attrs[n]=obj.options[i].getAttribute('oldtxt');
   arr[i]={text:obj.options[i].innerHTML,html:obj.options[i].value,attr:attrs};
  }
  arr.sort(this.SortFun);
  
  for(var i=0; i<len; i++)
  {
   obj.options[i].innerHTML=arr[i].text;
   obj.options[i].value=arr[i].value;
   for(var n=0;n<mVars.length;n++)
    obj.options[i].setAttribute(mVars[n],arr[i].attr[n]);
   obj.options[i].oldtxt=arr[i].attr[n];
  }
 }
 this.SortFun=function(x,y){if(x.text>y.text) return -1; else if(x.text<y.text) return 1;else return 0;}
 this.GetData=function(obj)
 {
  ret='';
  for(i=0;i<obj.options.length;i++)
   ret+=','+obj.options[i].value;
   return ret.substr(1);
 }
}

来源:python脚本自动迁移

<select><option></option></select> 操作的更多相关文章

  1. 让 select 的 option 标签支持事件监听(如复制操作)

    这标题,让option支持事件监听,应该不难的呀,有什么好讲的? 其实还是有的,默认在浏览器代码是无法直接对option标签进行操作的,不仅包括JS事件监听,还是CSS样式设置 查了一些资料,姑且认为 ...

  2. js 操作select和option

    js 操作select和option 1.动态创建select function createSelect(){ var mySelect = document.createElement_x(&qu ...

  3. jQuery获取Radio选择的Value值||两个select之间option的互相添加操作(jquery实现)

    jQuery获取Radio选择的Value值: 1. $("input[name='radio_name'][checked]").val();  //选择被选中Radio的Val ...

  4. jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等

    简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...

  5. vue操作select获取option值

    如何实时的获取你选中的值 只用@change件事 @change="changeProduct($event)" 动态传递参数 vue操作select获取option的ID值 如果 ...

  6. js 操作select和option常见用法

    1.获取选中select的value和text,html <select id="mySelect"> <option value="1"&g ...

  7. jquery的select元素和option的相关操作

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. javaScript的select元素和option的相关操作

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. select标签的相关操作,选中,获取option的值,二级联动

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  10. AngularJS下拉列表select在option动态变化之后多出了一个错误项的问题

    场景: Select初始化之后,选中select的某个选项 通过AngularJS更新select的选项 错误写法: HTML(使用ng-repeat) <div ng-app="Te ...

随机推荐

  1. ADAM : A METHOD FOR STOCHASTIC OPTIMIZATION

    目录 概 主要内容 算法 选择合适的参数 一些别的优化算法 AdaMax 理论 代码 Kingma D P, Ba J. Adam: A Method for Stochastic Optimizat ...

  2. Salesforce LWC学习(三十八) lwc下如何更新超过1万的数据

    背景: 今天项目组小伙伴问了一个问题,如果更新数据超过1万条的情况下,有什么好的方式来实现呢?我们都知道一个transaction只能做10000条DML数据操作,那客户的操作的数据就是超过10000 ...

  3. python极简教程01:基础变量

    测试奇谭,BUG不见. 其实很久之前,就有身边的同事或者网友让我分享一些关于python编程语言的教程,他们同大多数自学编程语言的人一样,无外乎遇到以下这些问题: 网络上的资料过多且良莠不全,不知道如 ...

  4. [数学]高数部分-Part VII 微分方程

    Part VII 微分方程 回到总目录 Part VII 微分方程 微分方程的概念 一阶微分方程求解-变量可分离型 一阶微分方程求解-齐次型 一阶微分方程求解-一阶线性型 二阶常系数齐次D.E.求解: ...

  5. Capstone通用 USB Type-C音视频拓展坞转换芯片

    专业解决视频接口技术Capstone科技在2021年新推出四款低功耗单芯片USB Type-C音视频格式转换器方案──CS5266.CS5267.CS5268与CS5269.将为各种显示屏.外部显示设 ...

  6. Java Web程序设计笔记 • 【目录】

    章节 内容 实践练习 Java Web程序设计作业目录(作业笔记) 第1章 Java Web程序设计笔记 • [第1章 Web应用程序] 第2章 Java Web程序设计笔记 • [第2章 JSP基础 ...

  7. Nginx-正反向代理及负载均衡

    目录 正/反向代理 代理的方式 Nginx代理服务支持的协议 代理实战 部署web01 部署Lb01 Nginx代理常用参数 添加发往后端服务器的请求头信息 代理到后端的TCP连接.响应.返回等超时时 ...

  8. mybatis学习笔记(四)

    resultType 语句返回值类型的完整类名或别名 resultType 返回的是一个map集合,key是列名,value是对应的值 使用resultMap实现联表查询 resultMap 查询的结 ...

  9. SQL server - if else 与 else if 的正确使用

    两层判断 if a>2 begin print 'a大于2' end else begin print 'a小于等于2' end 注意了  begin - end 之间的代码块不允许空,必须有指 ...

  10. 第10组-Alpha冲刺 总结

    1.基本情况 组长博客链接:https://www.cnblogs.com/cpandbb/p/14007413.html 答辩总结: ·产品偏离了最开始的方向,地图和刷一刷功能做得没那么好,外卖订单 ...