如何实现SELECT单选和多选的切换？-CSDN论坛

如何实现SELECT单选和多选的切换？

Web 开发 > JavaScript

收藏回复

[问题点数：0分，结帖人iceboy_361]

⋅[求助]如何正确得到IFRAME里的innerHTML ⋅［求助！急］firefox 下的iframe 问题 ⋅急！select中在出现滑块的情况下如何通过坐标计算得到当前option的位置 更多帖子 关注私信空间博客 iceboy_361 等级 本版专家分：0 结帖率 28.57%: 定义了２个SELECT ，并实现了２个SELECT之间的option拖拽以及单个select中的拖拽改变顺序．现在想要通过在按住＂ctrl＂的情况下，实现ＳＥＬＥＣＴ的多选，并把多个ＯＰＴＩＯＮ拖到另外的ＳＥＬＥＣＴ中．
ＳＥＬＥＣＴ的定义如下
<select multiple style="width:220px;" name="tobox" id="tobox" size="20" ondblclick="move(document.getElementById('tobox'), document.getElementById('frombox'))"
          onmousedown="mouseDown(this);keyDown(this);"
          onmousemove="mouseMove(this);"
          onmouseup="mouseUp(this,document.getElementById('frombox'));"
          onmouseover="mouseOver(this);"
          onmouseout="mouseOut(this);"
          onkeydown="keyDown(this);"
          >

function keyDown(ev){

if(window.event.keycode==17) {// CTRL

ev.multiple=true;}

else
ev.multiple=false;


}
调试中不管怎样ev.multiple都是false．怎么解决啊？

2008-07-31 18:41:47

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅网页布局DIV+CSS 急！！！！ ⋅四张图片做博客的边框(急) 更多帖子 关注私信空间博客 meteoric_cry 等级 本版专家分：617

<select multiple id="sel">

   <option value="1">11</option>

   <option value="2">22</option>

   <option value="3">33</option>

   <option value="4">44</option>

</select>



<input type="text" value="" id="txt" size="100"/>

<input type="button" value="确定" id="btn"/>

<script>

  function $(obj) {

    return (typeof obj=="object")?obj:document.getElementById(obj);

  }

var btn = $("btn");

var txt = $("txt");

var sel = $("sel")

btn.onclick = function() {

  for(var i=0;i<sel.length;i++) {

     if(sel.options[i].selected) {

	  txt.value += sel.options[i].value;

	 }

  } 

}

</script>

2008-07-31 19:21:05

点赞只看TA 引用举报 #1得分 0

⋅[求助]如何正确得到IFRAME里的innerHTML ⋅［求助！急］firefox 下的iframe 问题 ⋅急！select中在出现滑块的情况下如何通过坐标计算得到当前option的位置 更多帖子 关注私信空间博客 iceboy_361 等级 本版专家分：0: 晕．．．不是说要把多选的值提取出来．而是希望在一般情况下只能单选，而在按住了＂ＣＴＲＬ＂或别的操作下能多选，而且就易用性来说不希望加别的ＢＵＴＴＯＮ来控制．

2008-08-01 09:48:57

点赞只看TA 引用举报 #2得分 0

⋅.net core中的程序怎么在docker 里运行啊？ ⋅生财的留言板 ⋅有好的后台管理界面推荐吗？支持分组Grid的那种。 更多帖子 关注私信空间博客 版主 生财 等级 本版专家分：20: 看来楼主的要求很高啊.

你可以在 body 里得到 ctrl按下的事件,用这个来处理

2008-08-01 15:45:42

点赞只看TA 引用举报 #3得分 0

⋅[求助]如何正确得到IFRAME里的innerHTML ⋅［求助！急］firefox 下的iframe 问题 ⋅急！select中在出现滑块的情况下如何通过坐标计算得到当前option的位置 更多帖子 关注私信空间博客 iceboy_361 等级 本版专家分：0: 恩，我已经实现了select的在＂ＣＴＲＬ＂下的转换，现在又出现了新的问题，如何在multiple情况下实现拖拽多条记录．老是出现这样的情况，已经选中了多条记录，想要进行拖拽，当鼠标点过去的时候，又把之前选中的条目重置了．怎么解决这个问题？百思不得其解．

2008-08-01 16:02:58

点赞只看TA 引用举报 #4得分 0

⋅当程序员有风险了哦 ⋅购买深入java虚拟机 ⋅Thread,Socket从头开始 更多帖子 关注私信空间博客 cwd306972384 等级 本版专家分：0: function keyDowm(){
if(window.event.keyCode==17){
sel.multiple=true;
}
}
<select id="sel" onkeydown="keyDowm();">
<option>aaaaaaaaaa</option>
<option>bbbbbbbbbb</option>
<option>cccccccccc</option>
<option>dddddddddd</option>
</select>

2008-08-01 16:14:29

点赞只看TA 引用举报 #5得分 0

收起

收藏回复

iceboy_361

等级：

关注私信 TA的帖子

论坛上的所有泡MM技巧: 看到好多朋友问怎么泡妞今天刚好在别的论坛上看到这么一篇文章=======================================初次约会要注意什么？：1：每个女孩子注重的方面都不一样，不过基本上所有的女孩子都比较注重细节LZ你8要紧张~...

俘获MM过程-天文分析: MM（中文译为美眉）是大自然界中的一种非常奇特、非常善变而又非常可爱的动物，因而成为公众的俘获目标。但俘获MM的难度也是人所共知的。因此，古今的不少科学家都在他们的专业领域里对MM这种特殊的动物进行了广泛而...

我两次XX未遂的经历，绝对真实，希望各位悠着点，前车可鉴！: 事情是这样的，那是去年的10月底，由于本人...我说卡？什么卡？你这里又不是麦德龙。×××笑了，很轻蔑的笑了，她说，没卡不能上。我又接着说，求求你，我XX很快的，十五分钟就可以，她还是摇了摇头，就这样，我因...

ollydbg教学篇: 写之前先说点废话(谁扔的香蕉皮,鸡蛋^^^^^^^^^^^): ollydbg是个功能强大的软件,以前我也不用他(不习惯),而且很多经典教程都是用trw和softice作为示例工具写的. 初学者(注:和我一样的人)往往一开始就接触这些工具,做...

深度学习----现今主流GAN原理总结及对比: 1.DCGAN 2.WGAN 3.WGAN-GP (improved wgan) 4.LSGAN 5.BEGAN: (不是EBGAN) GaN（第三代器件）特性的总结 BEGAN 1.DCGAN 【github】地址 : https://github.com/Newmu/dcgan_code&...

华为面经记: 所以我说暂时还没想过，然后他给我说，电话说不方便，周末啥时候有时间吃顿饭聊聊。我想了想周末反正没事，出去见识一下大公司也好，就约定周末星巴克见面。不过悲剧的是周末下班晚了，而且还下雨~~~更要命的是...

相亲了30次却还是单身: 出场之前，要介绍一下我的大姨妈，女孩子一听到大姨妈就都明白了，每月一次，雷打不动，除非安全措施没做好，万一她不来，你的噩梦就要来了。我的大姨妈，就是我妈妈的大姐，正宗的上海老阿姨，我的神啊，真的是...

C++ 中的 CString ， string ，Qstring，LPCTSTR 等的转换方法: CString str = "sensor.ini"; LPTSTR lpPath =new TCHAR(str.GetLength()+1); lstrcpy(lpPath, str); CString ctmp; ctmp.Format(_T("%d"), Allow[0]); LPTSTR lptstr_tmp = new TCHAR(ctmp.GetLength() + 1);...

吴宗宪主持妙语: 1，嘉宾：我在香港发展的吴：哦，好好，香港好。香港香不香啊？？ 2，吴：好了，我们来介绍这一位（康康）！演艺圈帅哥何其多啊，这一位能跳脱出帅哥的行列也是不容易的。最近周杰伦也帮他写了一个歌么，最适合...

字符画: ●●█〓█████████▅▄▄▄▄▄▄▄▃▃▃▃▄ ●● █ █ ███▄ ▄▅███ ████████████████████▅▄▃ ███████████████████████████◤ ...

国网站直接SHOPPING经验之总结, 和美国代购说拜拜~~新加如何注册PAYPAL~~~~: 不披马甲没几年发表于 2009-06-15 23:03[引用]非常感谢众多JMS对本贴的支持和关心~~~ 也感谢棍子鱼管理员, 将原先的COPY发给偶, 使本贴重生~~~~申明!!! 本贴无任何商业目的, 不组织团购, 不参与代购!...

Centos7.0 安装Redis 3.2.1详细过程和使用常见问题: 环境：Cent OS 7.0 Redis 3.2.1 Redis的安装与启动这里我把Redis放在/home/xuliugen/software/下，所以在该目录下执行下列命令：$ wget http://download.redis.io/releases/redis-3.2.1.tar.gz $ tar xzf redis-...

Learn Mac os/iOS program: ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～ NSArrayController的使用 1.在File’s Owner中創建NSMutableArray 2.拖NSArrayController到Object的列表 3.設置Attributes ...

英雄大会的事: 一、坐飞机与机场小聚~~~~~~倒不是没坐过飞机，只是第一次坐得这么心惊胆战的。去的时候一切都好，回来的时候在上海虹桥机场降落，感觉不象是在“降”，而是在“坠”。心里一阵阵凉，连写遗书的心都有...再回过头来说去

1970s & 1980s 的童年回忆: 来源：http://club.chinaren.com/66966756.html校园经典特色生活1.排队放学2.“好好学习，天天向上。”……3.小虎队……4.抄歌词5.开运动会6.赶暑假作业7.上“二渠道活动”课8.奖小红花9.抄《小学生行为规范》10....

食天地]我的开心煮艺——用美食记录下逝去的时光~~: function change_bodyground(){ tech_body.className=body3;}var colorrnd2=new Array("#6699cc","#669999","#CC66CC","#FF66FF")function changecolor2(){ f2.style.color=colorrnd2[Math.

丰桥-顺丰快递单生成及打印功能实现 php （原）: 这里讲的以 BS为例(CS跟BS还是有区别) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 先讲我理解的整个流程...

追女生的秘诀.: 第一,要和她从朋友做起~恋人都是从相知然后进行到相爱的~ 在你和她做朋友时,要从最基本的普通朋友慢慢转变到很要好的朋友~ 了解她的一切,尤其是爱好,择偶标准等~当然你要知道这些的话不能直接问~否则她... 忘了说,你对

和一可爱的漂亮的聪明的善良的MM聊天，聊赚钱的动机学说: 单击此处查看与此联系人的全部对话记录低头做技术说:忙什么？低头做技术说:你真好。 Rachael 飘羽最大梦想拥有一家制造梦想的咖啡屋一群真心朋友一个爱我我爱的老公和可爱BB~~一个安稳幸福的家做个简单...

大话西游: 孙悟空大闹了天宫之后，被如来佛祖压在了五行山下, “biu”的一下，五百...我现在很忙，世界野生动物基金会邀请我做形象代言人,特奥会都请阿诺德了，我只是挣些零用钱而已嘛。　观音：可是你现在是被压在大山底下啊？

北邮某牛人找工作切身感受: 找工作历程基本上要截止了~~Offer再多也只能去一个，也省了纠结，顺便帮等攒人品~~~Offer搞定能一起happy，寝室MM也可以顺利拿到喜欢的offer。本人背景：通信本科，计算机研究生，本科基本上没写过程序，难得...

群硕评价: 群硕在中国的公司成立不足三年，目前是国内最有争议的公司之一，在IT公司查询手册网站上，他一直备受关注，对他的评论也是褒贬不一，更有甚者破口大骂（但是我觉得骂人总是不好的嘛~~哈哈~）。为了让大家能够认识一...

Linux压缩打包命令使用方法: tar命令 [root@linux ~]# tar [-cxtzjvfpPN] 文件与目录 ....参数：-c ：建立一个压缩文件的参数指令(create 的意思)；-x ：解开一个压缩文件的参数指令！-t ：查看 t

ps命令实例讲解查看线程信息: ps这个命令最常见的，我们经常用它来检索进程，但在我认真阅读过ps的man文档之前，我使用的最多的选项是aux，用grep匹配出特定的进程，然后再处理它，现在看来这种做法非常笨拙，呵呵！其实我们完全可以用pgrep快速...

漂亮MM的盛会--飞利浦显亮宝贝CS郑州赛区决赛: 下午跟朋友去创新买U盘，没想到创新大厅正在搞飞利浦显亮宝贝CS大赛。这个赛事很早就在新浪上...很强(悍)的说~~ 飞利浦的宣传MM，也不错哦~~ 还有精彩的才艺表演文静的MM也疯狂~~ 以上图片报道的是上午的比赛，从图片

异常:could not initialize proxy - the owning Session was closed: 异常:could not initialize ...造成这样的情况有很多，什么书写错误啊，逻辑错误啊。但就此说一下关于lazy机制：延迟初始化错误是运用Hibernate开发项目时最常见的错误。如果对一个类或者集合配置了延迟检索策略，那么

编程学习总结: 编程学习总结大学的生活真的过得很快，现在已经是大三的咯^_^!。编程是我的爱好，想当初初学的时候，跌跌撞撞，也真是走了不少弯路，真是爱“你”不容易哦呵>_。...因此，我想将我自己这二年多来自己觉得有用的

Oracle备份与恢复－－－学习与测试: ================================================================================== 备份与恢复测试 ==============================================

LazyInitializationException.java - could not initialize proxy - no Session: LazyInitializationException.java - could not initialize proxy - no Session 配置文件里写上lazy=false 异常:could not initialize proxy - the owning Session was closed其实这个异常写的非常之清楚，就是...

Oracle备份与恢复测试: ================================================================================== 备份与恢复测试 ==============================================