62,243
社区成员
发帖
与我相关
我的任务
分享两个listbox 点按钮 左边移出 右边加入 最好客户端代码实现 不要刷新
两个listbox 点按钮 左边移出 右边加入 最好客户端代码实现 不要刷新
关键要实现 两个上下按钮控制 右边的lisbox中的选项上下移动
关键要实现 两个上下按钮控制 右边的lisbox中的选项上下移动
...全文
请发表友善的回复…
发表回复
yaotiebing 2004-12-20
- 打赏
- 举报
移动以后 左边的内容相应减少
yaotiebing 2004-12-20
- 打赏
- 举报
up
yaotiebing 2004-12-20
- 打赏
- 举报
现在关键是如何实现关键要实现 两个上下按钮控制 右边的lisbox中的选项上下移动
yaotiebing 2004-12-20
- 打赏
- 举报
uopw 晚上揭帖
gaoqixiang 2004-12-19
- 打赏
- 举报
<script language=javascript>
function removeit2()
{
var list = document.all.added2;
var indexB = list.options.selectedIndex;
var lengthcount=0;
for (index=list.options.length-1;index>=0;index--)
{
if( index >= 0 && list.options[index].selected==true )
{
if (index==list.length-1)
{
list.length=list.length-1;
}
else
{
for( x = index; x < list.length-1; x++ )
{
current = list.options[ x ];
next = list.options[ x + 1 ];
current.text = next.text;
current.value = next.value;
}
list.length=list.length-1;
}
}
}
}
function removeall2()
{
var list = document.all.added2;
list.length=0
}
function addit2()
{
var num=0;
var flag=1;
var index=0;
for (i=0;i<document.all.tobeadd2.options.length; i++)
{ if (document.all.tobeadd2.options[i].selected==true)
{
for(j=0;j<document.all.added2.length;j++)
{
if(document.all.tobeadd2.options[i].value==document.all.added2.options[j].value)
{
flag=0;
break;
}
}
if(flag)
{
document.all.added2.length++;
document.all.added2.options[document.all.added2.length-1]=new Option( document.all.tobeadd2.options[i].text ,document.all.tobeadd2.options[i].value);
}
flag=1;
}
}
}
function addall2()
{
flag=1;
for (i=0;i<document.all.tobeadd2.options.length; i++)
{
for(j=0;j<document.all.added2.length;j++)
{
if(document.all.tobeadd2.options[i].value==document.all.added2.options[j].value)
{
flag=0;
break;
}
}
if(flag)
{
document.all.added2.length++;
document.all.added2.options[document.all.added2.length-1]=new Option( document.all.tobeadd2.options[i].text ,document.all.tobeadd2.options[i].value);
}
flag=1;
}
}
</script>
<body>
<select size="10" name="added2" multiple class="setselect" onDblClick="javascript:removeit2();">
</select>
</td>
<td width="3%" valign="top" height="145"> <div align="center">
<input type="button" name="addAll2" value="->>" onClick="javascript:removeall2();" class="clsbutton">
<br>
<input type="button" name="add2" value="- >" onClick="javascript:removeit2();" class="clsbutton">
<br>
<input type="button" name="remove2" value="< -" onClick="javascript:addit2();" class="clsbutton">
<br>
<input type="button" name="removeAll2" value="<<-" onClick="javascript:addall2();" class="clsbutton">
</div></td>
<td valign="top"> <select name="tobeadd2" size="10" multiple class="setselect" onDblClick="javascript:addit2();">
<option value=1>1</option>
<option value=2>2</option>
</select>
</body>
function removeit2()
{
var list = document.all.added2;
var indexB = list.options.selectedIndex;
var lengthcount=0;
for (index=list.options.length-1;index>=0;index--)
{
if( index >= 0 && list.options[index].selected==true )
{
if (index==list.length-1)
{
list.length=list.length-1;
}
else
{
for( x = index; x < list.length-1; x++ )
{
current = list.options[ x ];
next = list.options[ x + 1 ];
current.text = next.text;
current.value = next.value;
}
list.length=list.length-1;
}
}
}
}
function removeall2()
{
var list = document.all.added2;
list.length=0
}
function addit2()
{
var num=0;
var flag=1;
var index=0;
for (i=0;i<document.all.tobeadd2.options.length; i++)
{ if (document.all.tobeadd2.options[i].selected==true)
{
for(j=0;j<document.all.added2.length;j++)
{
if(document.all.tobeadd2.options[i].value==document.all.added2.options[j].value)
{
flag=0;
break;
}
}
if(flag)
{
document.all.added2.length++;
document.all.added2.options[document.all.added2.length-1]=new Option( document.all.tobeadd2.options[i].text ,document.all.tobeadd2.options[i].value);
}
flag=1;
}
}
}
function addall2()
{
flag=1;
for (i=0;i<document.all.tobeadd2.options.length; i++)
{
for(j=0;j<document.all.added2.length;j++)
{
if(document.all.tobeadd2.options[i].value==document.all.added2.options[j].value)
{
flag=0;
break;
}
}
if(flag)
{
document.all.added2.length++;
document.all.added2.options[document.all.added2.length-1]=new Option( document.all.tobeadd2.options[i].text ,document.all.tobeadd2.options[i].value);
}
flag=1;
}
}
</script>
<body>
<select size="10" name="added2" multiple class="setselect" onDblClick="javascript:removeit2();">
</select>
</td>
<td width="3%" valign="top" height="145"> <div align="center">
<input type="button" name="addAll2" value="->>" onClick="javascript:removeall2();" class="clsbutton">
<br>
<input type="button" name="add2" value="- >" onClick="javascript:removeit2();" class="clsbutton">
<br>
<input type="button" name="remove2" value="< -" onClick="javascript:addit2();" class="clsbutton">
<br>
<input type="button" name="removeAll2" value="<<-" onClick="javascript:addall2();" class="clsbutton">
</div></td>
<td valign="top"> <select name="tobeadd2" size="10" multiple class="setselect" onDblClick="javascript:addit2();">
<option value=1>1</option>
<option value=2>2</option>
</select>
</body>
webdiyer 2004-12-19
- 打赏
- 举报
http://www.metabuilders.com/Tools/DualList.aspx
xrll 2004-12-19
- 打赏
- 举报
http://218.84.107.5/s2.rar
