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

iceboy_361 2008-07-31 06:41:47
定义了2个SELECT ,并实现了2个SELECT之间的option拖拽以及单个select中的拖拽改变顺序.现在想要通过在按住"ctrl"的情况下,实现SELECT的多选,并把多个OPTION拖到另外的SELECT中.
SELECT的定义如下
<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.怎么解决啊?
...全文
997 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
iceboy_361 2008-08-01
  • 打赏
  • 举报
回复
晕...不是说要把多选的值提取出来.而是希望在一般情况下只能单选,而在按住了"CTRL"或别的操作下能多选,而且就易用性来说不希望加别的BUTTON来控制.
cwd306972384 2008-08-01
  • 打赏
  • 举报
回复
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>
iceboy_361 2008-08-01
  • 打赏
  • 举报
回复
恩,我已经实现了select的在"CTRL"下的转换,现在又出现了新的问题,如何在multiple情况下实现拖拽多条记录.老是出现这样的情况,已经选中了多条记录,想要进行拖拽,当鼠标点过去的时候,又把之前选中的条目重置了.怎么解决这个问题?百思不得其解.
生财 2008-08-01
  • 打赏
  • 举报
回复
看来楼主的要求很高啊.

你可以在 body 里得到 ctrl按下的事件,用这个来处理
Meteoric_cry 2008-07-31
  • 打赏
  • 举报
回复
<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>

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧