s_liangchao1s的专栏

世人如此，我亦此

原创 多行下拉选框值的左右交换及排序收藏

新一篇: 添加/删除事件处理函数 | 旧一篇: 梅老大的年月日3级下拉框
<--
============================================================
               多行下拉选框值的左右交换及排序

Copyrightc 2007.12.04 (sliangchao1s). All Rights Reserved    
============================================================

-->

<script language="javascript" type="text/javascript">
function LeftorRight(action)
{
    var s1 = document.getElementById("Rsel");
    var s2 = document.getElementById("Lsel");
    var optionArray = new Array(); 
    if (action == "right") //Toright
    {
        for (var i=0;i<s1.options.length;i++)
        {
            if (s1.options[i].selected)
            {optionArray.push(s1.options[i]);}
        }
        
        for (var j in optionArray)
        {
            optionArray[j].selected = false;
            s2.options.appendChild(optionArray[j]);
        }
    }
    else if (action == "left") //Toleft
    {
        for (var i=0;i<s2.options.length;i++)
        {
            if (s2.options[i].selected)
            {optionArray.push(s2.options[i]);}
        }
        
        for (var j in optionArray)
        {
            optionArray[j].selected = false;
            s1.options.appendChild(optionArray[j]);
        }        
    }
}  

//--------------------上下移动-------------------------//
function MoveUporDown(obj,direction){
var objOptions=obj.options;
switch(direction){
case "up":
for(var i=0;i<objOptions.length;i++)
{
if(objOptions[i].selected&&!objOptions[i-1].selected){
sortOption(objOptions[i],objOptions[i-1])}
}
break;
case "down":
for(var i=objOptions.length-2;i>-1;i--)
{
if(objOptions[i].selected&&!objOptions[i+1].selected){
sortOption(objOptions[i],objOptions[i+1])}
}
break;
}
}

//-----------------------排序--------------------------//
function sortOption(option1,option2){
var tempstr=option1.value;
option1.value=option2.value;
option2.value=tempstr;
tempstr=option1.text;
option1.text=option2.text;
option2.text=tempstr;
tempstr=option1.selected;
option1.selected=option2.selected;
option2.selected=tempstr;
}

</script>   
<form name="frm">
<table>
<tr>
<td>
<select id="Rsel" name="Rsel" size="5" multiple="multiple" style="width:80px" ondblclick="LeftorRight('right');">
    <option value="No.1">No.1</option>
    <option value="No.2">No.2</option>
    <option value="No.3">No.3</option>
    <option value="No.4">No.4</option>
    <option value="No.5">No.5</option>    
</select>
</td>
<td>
<input type="button" value=">>>>" onclick="LeftorRight('right');" /><br><br>
<input type="button" value="<<<<" onclick="LeftorRight('left');" />
</td>
<td>
<select id="Lsel" name="Lsel" size="5" multiple="multiple" style="width:80px" ondblclick="LeftorRight('left');">
   <option value="No.6">No.6</option>
   <option value="No.7">No.7</option>
   <option value="No.8">No.8</option>
   <option value="No.9">No.9</option>
   <option value="No.0">No.0</option>
</select>
</td>
<td>
<input type="button" value="上移" onclick="MoveUporDown(document.frm.Lsel,'up')" /><br><br>
<input type="button" value="下移" onclick="MoveUporDown(document.frm.Lsel,'down')" />
</td>
</tr>
</table>
</form>
 

发表于 @ 2007年12月04日 14:45:00|评论(loading...)|编辑

新一篇: 添加/删除事件处理函数 | 旧一篇: 梅老大的年月日3级下拉框

评论：没有评论。
发表评论  


登录
Csdn Blog version 3.1a
Copyright © 梁超