<select><option></option></select> 操作
转载请注明来源: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> 操作的更多相关文章
- 让 select 的 option 标签支持事件监听(如复制操作)
这标题,让option支持事件监听,应该不难的呀,有什么好讲的? 其实还是有的,默认在浏览器代码是无法直接对option标签进行操作的,不仅包括JS事件监听,还是CSS样式设置 查了一些资料,姑且认为 ...
- js 操作select和option
js 操作select和option 1.动态创建select function createSelect(){ var mySelect = document.createElement_x(&qu ...
- jQuery获取Radio选择的Value值||两个select之间option的互相添加操作(jquery实现)
jQuery获取Radio选择的Value值: 1. $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Val ...
- jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等
简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...
- vue操作select获取option值
如何实时的获取你选中的值 只用@change件事 @change="changeProduct($event)" 动态传递参数 vue操作select获取option的ID值 如果 ...
- js 操作select和option常见用法
1.获取选中select的value和text,html <select id="mySelect"> <option value="1"&g ...
- jquery的select元素和option的相关操作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- javaScript的select元素和option的相关操作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- select标签的相关操作,选中,获取option的值,二级联动
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
- AngularJS下拉列表select在option动态变化之后多出了一个错误项的问题
场景: Select初始化之后,选中select的某个选项 通过AngularJS更新select的选项 错误写法: HTML(使用ng-repeat) <div ng-app="Te ...
随机推荐
- [opencv]常用阵列操作函数总结
/*=========================================================================*/ // 阵列操作 /*============ ...
- 基于Spring MVC + Spring + MyBatis的【学生管理管理系统】
资源下载:https://download.csdn.net/download/weixin_44893902/45602690 练习点设计:模糊查询.删除.新增 一.语言和环境 实现语言:JAVA语 ...
- 编写Java程序,前方有 3km 的道路障碍,4 辆普通车不能通过,必须等到清障车完成作业离开后,才能继续行驶。用程序来模拟这一过程的发生
查看本章节 查看作业目录 需求说明: 前方有 3km 的道路障碍,4 辆普通车不能通过,必须等到清障车完成作业离开后,才能继续行驶.用程序来模拟这一过程的发生 实现思路: 创建清障车Wrecker类和 ...
- 编写Java程序,使用面向接口编程模拟不同动物的吼叫声
返回本章节 返回作业目录 需求说明: 使用面向接口编程模拟不同动物的吼叫声 实现思路: 使用面向接口编程模拟不同动物吼叫声的实现思路: 定义发声接口Voice,在其中定义抽象吼叫方法sing(). 分 ...
- Collection中的常用方法
1:往集合中添加元素 boolean add(Object o);2:获取集合中元素的个数 int size();3:boolean contains(Object o) 判断集合是否包含元素o4:清 ...
- 深入理解MySQL索引底层数据结构
作者:IT王小二 博客:https://itwxe.com MySQL 索引相关的数据结构有两种,一种是 B+tree,一种是 Hash,那么为什么在 99.99% 的情况下都使用的是 B+tree索 ...
- Elasticsearch基础知识学习
概要 ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口.Elasticsearch是用Java开发的,并作为Ap ...
- c++中构造函数与析构函数
构造函数与析构函数 构造函数与析构函数1. 构造函数2. 析构函数3. 拷贝函数4. 总结 在c++中有2个特殊的函数:构造函数和析构函数,它们分别对类对象进行初始化和清理工作. 1. 构造函数 构造 ...
- [MAUI] 在.NET MAUI中结合Vue实现混合开发
在MAUI微软的官方方案是使用Blazor开发,但是当前市场大多数的Web项目使用Vue,React等技术构建,如果我们没法绕过已经积累的技术,用Blazor重写整个项目并不现实. Vue是当前流 ...
- day5 数组对角线及最大值
1.输出M行M列数组方针,求对角线元素和#define M 5void fun(int xx[][M], int n)//n行n列{ int i = 0; int sum = 0; for (i = ...