实现option上下移动_js: 实现Select的option上下移动 | 学步园

function UpOrDown(direct, selectId) {//direct : 1:Up, -1:Down

var obj = document.getElementById(selectId);

var len = obj.length;

var index = obj.selectedIndex;

//如果:1.没有选中的项; 2.向上,但已是最上; 3.向下,但是最下,不作处理

if ( (index == -1) || (direct == -1 && index == 0) || (direct == 1 && index >= len - 1) )

return;

var swapIndex = index + direct;

var tempOptions = new Array();

for (var i = 0; i < len; i++){

tempOptions[tempOptions.length] = obj.options[i == index?swapIndex:(i == swapIndex?index:i)];

}

obj.options.length = 0;

for (var i = 0; i < len; i++)

obj.options.add(tempOptions[i]);

}

function UpOrDown2(direct, selectId) {//direct : 1:Up, 0:Down

var obj = document.getElementById(selectId);

var len = obj.length;

var index = obj.selectedIndex;

//如果:1.没有选中的项; 2.向上,但已是最上; 3.向下,但是最下,不作处理

if( (index == -1) || (direct == 1 && index == 0) || (direct == 0 && index >= len - 1) )

return;

var tempOptions = new Array();

//如是向上,得到自己上一个到最后的option数组;如是向下,得到自己到最后一个的option数组

for (var i = index - direct; i < len; i++)

tempOptions[tempOptions.length] = obj.options[i];

//去除刚才取得的部分

obj.options.length = index - direct;

//颠倒取两个option

obj.options.add(tempOptions[1]);

obj.options.add(tempOptions[0]);

//将余下的option全部加进来

for (var i = 2; i < tempOptions.length; i++)

obj.options.add(tempOptions[i]);

}

1

2

3

4

5

                Up

                Down

                Up2

                Down2

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/311173.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

聊聊微信的Dark模式

大家好&#xff0c;我是Z哥。这周微信公布了一个我期待已久的好消息。周一的时候对外公布说&#xff0c;已经完成了iOS版本的Dark模式开发&#xff0c;可能会在下一个版本上线。▲截图来源于微博&#xff0c;版权归原作者所有真的是千呼万唤使出来&#xff0c;很多人期待这个功…

chrome浏览器快速访问stackoverflow

原因&#xff1a;国内网非常多的网站都使用免费的 Google CDN 服务来加载某些 js、字体样式库以提升网页浏览体验&#xff0c;例如 jQuery、Google Fonts。但是目前 Google 的大多数网站在大陆无法正常访问&#xff0c;因此这些本身是加快网页载入的库反而成为了阻塞网站加载的…

字符串哈希-BKDRHash

代码如下&#xff1a; #include <iostream> #include <vector> using namespace std; const int N 10005;struct node {char name[35]; };unsigned int BKDRHash(char *str) {unsigned int key 0, seed 31;while (*str) {key key * seed (*str);}return key …

linux程序已经在后台运行冻结了_Linux 让程序在后台执行

有些程序我们在打开时&#xff0c;会一直占用我们的终端&#xff0c;而且终端还不能关掉&#xff0c;所以这时候我们就需要让程序在后台运行。1.命令&#xff1a;nohupnohup python -u run.py > run.log 2>&1 &参数说明&#xff1a; run.py: 你需要后台运行的程序…

【开源要闻】Canonical发布新OpenStack工具、Kubernetes访客引导方法

Canonical发布支持CephFS的OpenStack Charms 20.02Canonical近日宣布了OpenStack Charms 20.02的全面上市&#xff0c;这是用于在Ubuntu上设计&#xff0c;构建和管理OpenStack私有云的强大工具的主要版本。OpenStack Charms 20.02是一个令人兴奋的版本&#xff0c;它增加了主要…

开窗函数(1)-部门工资前三员工

已知表 题目 公司的主管们感兴趣的是公司每个部门中谁赚的钱最多。一个部门的 高收入者 是指一个员工的工资在该部门的 不同 工资中 排名前三 。 编写一个SQL查询&#xff0c;找出每个部门中 收入高的员工 。 以 任意顺序 返回结果表。 示例 参考答案 selectbase.Departmen…

poj2182 Lost Cows-暴力

Description N (2 < N < 8,000) cows have unique brands in the range 1…N. In a spectacular display of poor judgment, they visited the neighborhood ‘watering hole’ and drank a few too many beers before dinner. When it was time to line up for their ev…

用来表示python代码块的是什么_三分钟带你用简单的Python代码深入理解Python中的元类...

互联网的数据爆炸式的增长&#xff0c;而利用 Python 爬虫我们可以获取大量有价值的数据类也是对象在理解元类前&#xff0c;需要先掌握Python中的类。在大多数编程语言中&#xff0c;类就是一组描述如何生成对象的代码段。在Python中这一点仍然成立&#xff1a;但是&#xff0…

Asp.Net Core 中IdentityServer4 授权中心之自定义授权模式

一、前言上一篇我分享了一篇关于 Asp.Net Core 中IdentityServer4 授权中心之应用实战的文章&#xff0c;其中有不少博友给我提了问题&#xff0c;其中有一个博友问我的一个场景&#xff0c;我给他解答的还不够完美&#xff0c;之后我经过自己的学习查阅并阅读了相关源代码&…

缺失值处理

处理思路 在数据预处理过程中&#xff0c;难免会有数据的确实情况&#xff0c;无论是自己爬虫获取的还是从公开数据源上获取的数据集&#xff0c;都不能保证数据集是完全准确的&#xff0c;难免会有一些缺失值。而以这样数据集为基础进行建模或者数据分析时&#xff0c;缺失值…

2019年第十届蓝桥杯国赛B组试题B-质数拆分-01背包问题+素数筛选

问题描述】 2019可以被分解成若干个两两不同的素数&#xff0c;请问不同的分解方案有多少种&#xff1f; 注意&#xff1a;分解方案不考虑顺序&#xff0c;如 2 2017 2019 和 2017 2 2019 属于同一种方案。答案&#xff1a;55965365465060 代码如下&#xff1a; #includ…

在线教育,异军突起,有一种华丽转身,叫做.NET在线讲师!(全职/兼职皆可)...

在线教育2020年&#xff0c;注定是不平凡的一年&#xff0c;疫情来袭&#xff0c;人们只能潜伏在家&#xff0c;很多人因此没有了收入甚至没有了工作&#xff0c;各个行业&#xff0c;也正在快速升级和重新洗牌&#xff0c;这其中&#xff0c;有一个行业&#xff0c;异军突起&a…

python计算相关系数

皮尔逊相关系数 用numpy实现 import numpy as npx np.array([1, 4, 3, 5]) y np.array([1, 3, 4, 5]) pc np.corrcoef(x, y)print(pc)输出结果&#xff1a; 调用scipy.stats中的pearsonr方法 from scipy.stats import pearsonr import numpy as npx np.array([1, 4, 3,…

2018年第九届蓝桥杯国赛B组试题B-激光样式-dfs

【问题描述】 x星球的盛大节日为增加气氛&#xff0c;用30台机光器一字排开&#xff0c;向太空中打出光柱。 安装调试的时候才发现&#xff0c;不知什么原因&#xff0c;相邻的两台激光器不能同时打开&#xff01; 国王很想知道&#xff0c;在目前这种bug存在的情况下&#xf…

领域模型

领域模型是对领域内的概念类或现实世界中对象的可视化表示。又称概念模型、领域对象模型、分析对象模型。它专注于分析问题领域本身&#xff0c;发掘重要的业务领域概念&#xff0c;并建立业务领域概念之间的关系。学会了面向对象的思想&#xff0c;却依然写不出好的面向对象的…

含根号的导数怎么求_数学分析Mathematical Analysis笔记整理 第四章 导数与微分

第四章 导数与微分导数的概念一、引例1. 瞬时速度&#xff08;变速直线运动&#xff09;2. 切线的斜率二、导数的定义&#xff08;1&#xff09;导数定义1&#xff1a;若 在 点某邻域上有定义&#xff0c;且 存在&#xff0c;则称 在 点可导&#xff0c;该极限值称为 在 点的导…

重新定义代理的扩展性:WebAssembly在Envoy与Istio中的应用

原文&#xff1a;https://istio.io/blog/2020/wasm-announce/作者&#xff1a;CRAIG BOX, MANDAR JOG, JOHN PLEVYAK, LOUIS RYAN, PIOTR SIKORA (GOOGLE), YUVAL KOHAVI, SCOTT WEISS (SOLO.IO)译者&#xff1a;陆培尔编者按Istio的架构在1.5版本中发生了翻天覆地的变化&#…

srs10流程图_高效的SRS资源指示方法与流程

公开的主题一般涉及电信&#xff0c;更特别地涉及下一代移动无线通信系统中的srs资源的高效指示。背景技术&#xff1a;下一代移动无线通信系统(5g或nr)将支持各种用例集合和各种部署场景集合。后者包括在低频(数百mhz)(与如今的lte类似)和甚高频(数十ghz的毫米波)两者处的部署…

2019年第十届蓝桥杯国赛B组试题E-路径计数-dfs(坑题)

【问题描述】 从一个 5 x 5 的方格矩阵的左上角出发&#xff0c;沿着方格的边走&#xff0c;满足以下条件的路线有多少种&#xff1f; 总长度不超过 12&#xff1b; 最后回到左上角&#xff1b; 路线不自交&#xff1b; 不走出 5 x 5 的方格矩阵范围之外。如下图所示&#xff…

python中开关_pyq中的开关按钮

可以用pyqt5创建一个开关按钮吗&#xff1f;在我正在用pyqt5在python中设计一个过滤工具。用户甚至可以对其数据进行过滤或合并。在我在qtablewidget中显示可能的过滤器&#xff0c;用户可以使用复选框选择要应用的过滤器。在每一行中&#xff0c;复选框都是独占的&#xff0c;…