怎样用javascript实现selet框中option的上下移动！
如题 问题点数：100、回复次数：3Top
1 楼ChinaOk（农村表哥）回复于 2002-05-16 10:49:28 得分 0
啊拉去试试
—————————————————————————————————
┏━★━━◆━━★━┓
♂欢|◢ＣＳＤＮ◣|使♂ ▲自由保存帖子，浏览，关注检测
┃迎|◥论坛助手◤|用┃ ▲完善的ＣＳＤＮ客户端工具
┗━☆━━◇━━━☆┛ ▲自动添加签名.........
http://www.csdn.net/expert/topic/573/573604.xml
Top
2 楼jxwangzhigang（一棵草）回复于 2002-05-16 11:00:10 得分 100
下面是我自己的一段源代码！
<form name="form2" id="form2" action="" method="post">
<select id="Sel_title" id="Sel_title" size="8" NAME="Sel_title">
<option value=1>1</option>
......
</select>
<span style="CURSOR: hand"><img src="images/top.gif" border="0" alt="顶部" onclick="Javascript:GetTop();"></span>
<span style="CURSOR: hand"><img src="images/up.gif" border="0" alt="向上" onclick="Javascript:GetUp();"></span>
<span style="CURSOR: hand"><img src="images/down.gif" border="0" alt="向下" onclick="Javascript:GetDown();"></span>
<span style="CURSOR: hand"><img src="images/tail.gif" border="0" alt="底部" onclick="Javascript:GetTail();"></span>
</form>
用javascript实现移动功能
<script language="javascript">
<!--
function GetTop(){
var i;
i=document.form2.Sel_title.selectedIndex;
if(i>0){
Temp_Text=document.form2.Sel_title.options(i).text;
Temp_ID=document.form2.Sel_title.options(i).value;
for(j=i;j>0;j--){
document.form2.Sel_title.options(j).text=document.form2.Sel_title.options(j-1).text;
document.form2.Sel_title.options(j).value=document.form2.Sel_title.options(j-1).value;
}
document.form2.Sel_title.options(0).value=Temp_ID;
document.form2.Sel_title.options(0).text=Temp_Text;
document.form2.Sel_title.selectedIndex=0;
}
}
function GetUp(){
var i,j;
i=document.form2.Sel_title.selectedIndex;
j=i-1
if(i>0){
Temp_Text=document.form2.Sel_title.options(j).text;
Temp_ID=document.form2.Sel_title.options(j).value;
document.form2.Sel_title.options(j).text=document.form2.Sel_title.options(i).text;
document.form2.Sel_title.options(j).value=document.form2.Sel_title.options(i).value;
document.form2.Sel_title.options(i).text=Temp_Text;
document.form2.Sel_title.options(i).value=Temp_ID;
document.form2.Sel_title.selectedIndex=j;
}
}
function GetDown(){
var i,j;
i=document.form2.Sel_title.selectedIndex;
if (i!=document.form2.Sel_title.length-1){
j=i+1;
if(i<document.form2.Sel_title.length){
Temp_Text=document.form2.Sel_title.options(j).text;
Temp_ID=document.form2.Sel_title.options(j).value;
document.form2.Sel_title.options(j).text=document.form2.Sel_title.options(i).text;
document.form2.Sel_title.options(j).value=document.form2.Sel_title.options(i).value;
document.form2.Sel_title.options(i).text=Temp_Text;
document.form2.Sel_title.options(i).value=Temp_ID;
document.form2.Sel_title.selectedIndex=j;
}
}
}
function GetTail(){
var i,j;
i=document.form2.Sel_title.selectedIndex;
j=document.form2.Sel_title.length-1
if(i<j){
Temp_Text=document.form2.Sel_title.options(i).text;
Temp_ID=document.form2.Sel_title.options(i).value;
for(k=i+1;k<=j;k++){
document.form2.Sel_title.options(k-1).text=document.form2.Sel_title.options(k).text;
document.form2.Sel_title.options(k-1).value=document.form2.Sel_title.options(k).value;
}
document.form2.Sel_title.options(j).text=Temp_Text;
document.form2.Sel_title.options(j).value=Temp_ID;
document.form2.Sel_title.selectedIndex=j;
}
}
//-->
</script>Top
3 楼ygtest（）回复于 2002-05-16 11:06:12 得分 0
谢谢 jxwangzhigang(一棵草)
给分拉！Top
