JavaScriptSelect和Option列表元素上下左右移動_表單特效

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 20:41:55

JavaScriptSelect和Option列表元素上下左右移動_表單特效

JavaScriptSelect和Option列表元素上下左右移動_表單特效:作者馬嘉楠 New Document var currentSel = null; function move(){ if(arguments.length==1){ moveUp(arguments[0]); }else if(arguments.length==2){ moveRight(arguments[0],arguments

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScriptSelect和Option列表元素上下左右移動_表單特效:作者馬嘉楠 New Document var currentSel = null; function move(){ if(arguments.length==1){ moveUp(arguments[0]); }else if(arguments.length==2){ moveRight(arguments[0],arguments

作者馬嘉楠

<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<meta name="author" content="http://www.glucoside.cn/"/> 
<script language="javascript" > 
var currentSel = null; 
function move(){ 
if(arguments.length==1){ 
moveUp(arguments[0]); 
}else if(arguments.length==2){ 
moveRight(arguments[0],arguments[1]); 
} 
} 
function moveUp(direction){ 
if(currentSel == null) return; 
var index = currentSel.selectedIndex; 
if(direction){//up 
if(index==0) return;

var value = currentSel.options[index-1].value; 
var text = currentSel.options[index-1].text;

currentSel.options[index-1].value = currentSel.options[index].value; 
currentSel.options[index-1].text = currentSel.options[index].text;

currentSel.options[index].value = value; 
currentSel.options[index].text = text;

currentSel.options[index].selected = false; 
currentSel.options[index-1].selected = true; 
}else{//down 
if(index==(currentSel.length-1)) return;

var value = currentSel.options[index+1].value; 
var text = currentSel.options[index+1].text;

currentSel.options[index+1].value = currentSel.options[index].value; 
currentSel.options[index+1].text = currentSel.options[index].text;

currentSel.options[index].value = value; 
currentSel.options[index].text = text;

currentSel.options[index].selected = false; 
currentSel.options[index+1].selected = true; 
} 
} 
function moveRight(src,des){ 
if(src.selectedIndex==-1){ 
alert("Please select first!"); 
return; 
} 
for(var i=0;i<src.length;i++){ 
if(src[i].selected){ 
var op = document.createElement("option"); 
op.value = src.options[src.selectedIndex].value; 
op.text = src.options[src.selectedIndex].text; 
des.options.add(op); 
src.remove(i); 
i--; 
} 
} 
} 
function setButton(obj){ 
if(obj.length==0) return; 
currentSel = obj; 
if(obj.id=="leftSel"){ 
document.getElementById("btnLeft").disabled = true; 
document.getElementById("btnRight").disabled = false;

reSelect(document.getElementById("rightSel")); 
}else{ 
document.getElementById("btnLeft").disabled = false; 
document.getElementById("btnRight").disabled = true;

reSelect(document.getElementById("leftSel")); 
} 
}

function reSelect(obj){ 
for(var i=0; i<obj.length; i++){ 
if(obj[i].selected) obj[i].selected = false; 
} 
} 
</ script> 
</HEAD>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

聲明：本網(wǎng)頁內容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com