9、两个下拉列表中的选项变换

RealTimeHistory_LKJ_allOption --左边列表

RealTimeHistory_LKJ_selectOption--右边列表

// 右移
$(".RealTimeHistory_LKJ_rightMove").unbind("click").click(function () {
$.each($(".RealTimeHistory_LKJ_allOption option:selected"),function(i,item){
$(".RealTimeHistory_LKJ_allOption option[value=‘"+$(item).val()+"‘]").remove();
$(".RealTimeHistory_LKJ_selectOption").append("<option value=‘"+$(item).val()+"‘>"+$(item).text()+"</option>");
});

});

// 左移
$(".RealTimeHistory_LKJ_leftMove").unbind("click").click(function () {
$.each($(".RealTimeHistory_LKJ_selectOption option:selected"),function(i,item){
$(".RealTimeHistory_LKJ_selectOption option[value=‘"+$(item).val()+"‘]").remove();
$(".RealTimeHistory_LKJ_allOption").append("<option value=‘"+$(item).val()+"‘>"+$(item).text()+"</option>");
});
});

// 全部右移
$(".RealTimeHistory_LKJ_allRightMove").unbind("click").click(function () {
$.each($(".RealTimeHistory_LKJ_allOption option"),function(i,item){
$(".RealTimeHistory_LKJ_allOption option[value=‘"+$(item).val()+"‘]").remove();
$(".RealTimeHistory_LKJ_selectOption").append("<option value=‘"+$(item).val()+"‘>"+$(item).text()+"</option>");
});
});

// 全部左移
$(".RealTimeHistory_LKJ_allLeftMove").unbind("click").click(function () {
$.each($(".RealTimeHistory_LKJ_selectOption option"),function(i,item){
$(".RealTimeHistory_LKJ_selectOption option[value=‘"+$(item).val()+"‘]").remove();
$(".RealTimeHistory_LKJ_allOption").append("<option value=‘"+$(item).val()+"‘>"+$(item).text()+"</option>");
});
});

// 上移
$(".RealTimeHistory_LKJ_upMove").unbind("click").click(function () {
if($(".RealTimeHistory_LKJ_selectOption option:selected").length>0){
var selectIndex=$(".RealTimeHistory_LKJ_selectOption").get(0).selectedIndex;

if(selectIndex>0){
$(‘.RealTimeHistory_LKJ_selectOption option:selected‘).insertBefore($(‘.RealTimeHistory_LKJ_selectOption option:selected‘).prev(‘option‘));
}else{
alert("此为第一项了。");
}
}else{
alert("请选择一项。。。");
}
});

// 下移
$(".RealTimeHistory_LKJ_downMove").unbind("click").click(function () {
if($(".RealTimeHistory_LKJ_selectOption option:selected").length>0){
var selectLength=$(".RealTimeHistory_LKJ_selectOption option").length;
var selectIndex=$(".RealTimeHistory_LKJ_selectOption").get(0).selectedIndex;
if(selectIndex<selectLength-1){
$(‘.RealTimeHistory_LKJ_selectOption option:selected‘).insertAfter($(‘.RealTimeHistory_LKJ_selectOption option:selected‘).next(‘option‘));
}else{
alert("此为最后一项了。");
}
}else{
alert("请选择一项。。。");
}
});

时间: 2024-10-27 09:33:52

9、两个下拉列表中的选项变换的相关文章

Uipath 选择页面下拉列表中的选项

http://www.rpatokyo.com/ 使用Select item Activity选择页面下拉列表中的选项 在open browser中拖入Select Item Activity,配置参数 点击「Indicate on screen」选择下拉列表元素 选择需要的下拉列表中的项目,这里选择“山东航空公司” 程序运行后: ---------------------------------------------------------------- 原文地址:https://www.c

html与用户交互中单选框与复选框&amp;下拉列表中的情况

使用单选框.复选框,让用户选择 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选.请看下面的例子: 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1.type: 当 typ

ARCore中Pose类变换点的算法实现

ARCore中Pose类变换点的算法实现,主要分为两步,分别是平移和旋转. 1. 旋转向量:通过四元数计算旋转后的向量 参数列表:q表示四元数, v是长度为4的float数组,表示待旋转的向量,   offsetIn表示第一个坐标值的起始索引, out代表结果向量, offsetOut表示结果向量的三个坐标值在out数组中的起始索引. 1 public static void rotateVector(Quaternion q, float[] v, int offsetIn, float[]

OpenGL中的空间变换

OpenGL中的空间变换 在使用OpenGL的三维虚拟程序中,当我们指定了模型的顶点之后,在屏幕上显示它们之前,一共会发生3种类型的变换:视图变换.模型变换.投影变换. 视图变换:指定观察者(摄像机)的位置: 模型变换:在场景中移动物体: 投影变换:改变可视区域的大小: 视口变换:这是一种伪变换,它对窗口上的最终输出进行缩放. 视觉坐标 它表示一种虚拟的固定坐标系统,通常作为一种参考系使用.它是根据观察者(摄像机)的角度而言的,与可能发生的变换无关.我们接下来所讨论的所有变换都是根据它们相对于视

html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感)

html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感) 效果图: 运行原理和技术: 当页面加载完毕,利用jquery向后台发送ajax请求,去后台拼接<select></select>中的option字符串.让后将字符串响应回来,动态添加到<select>中.其中的字符串中包含了后台的数据. 页面js代码: 1 <script type="text/javascript"> 2 //加载部门 3 function loa

获取两个字符串中最大相同子串

2.获取两个字符串中最大相同子串.第一个动作:将短的那个串进行长度一次递减的子串打印. "cvhellobnmtanop" "andefc" 思路: 1,将短的那个子串按照长度递减的方式获取到. 2,将每获取到的子串去长串中判断是否包含,如果包含,已经找到! package tan; class Test { public static String getMaxSubString(String s1,String s2) { String max = "

比较两个文件中,一个文件比另一个文件多的行

1. 该脚本用来比较两个文件中,其中一个文件比另一个文件多的行,常用来工作环境中,对比得出多余的ip地址 #!/bin/bash #different in file1 and file2 #author:vaedit #date:2017/8/20 #read -p "请输入第一个文件路径" file1 #read -p "请输入第二个文件路径" file2 function print_help(){ echo "该脚本只用来对比一个文件比另一个文件多

假设有杯子a(内盛可乐),杯子b(内盛白水),杯子c(空),请用程序描述a、b两个杯子中所盛物质交换的过程

题目: 假设有杯子a(内盛可乐),杯子b(内盛白水),杯子c(空),请用程序描述a.b两个杯子中所盛物质交换的过程. (已知a,b两个正整数,要求,应用三个数交换的原理,把a,b值互换并输出). 代码: 1 program shen1; 2 3 var a,b,c:integer; 4 BEGIN 5 read(a,b); 6 write('a=',a,' b=',b); 7 c:=a; 8 a:=b; 9 b:=c; 10 write('a=',a,' b=',b); 11 END.

C语言:返回两个数组中第一个元素的指针,并输出这个值

// //  main.c //  Pointer_search // //  Created by ma c on 15/8/2. //  Copyright (c) 2015年 bjsxt. All rights reserved. //  要求:通过指针查找,实现比较两个有序数组中的元素,输出两个数组中的第一个相同的元素值. #include <stdio.h> int *searchSameElement(int *a,int *b,int len1,int len2); int ma