<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">

<SCRIPT language=javascript>
function moveOption(oFromList, oToList, bAll)


{
var nFromLen = oFromList.options.length;
var nToLen = oToList.options.length;
var i = 0;
while (nFromLen > 0)

{
if (oFromList.options[i].selected || bAll)

{
oToList[nToLen++] = new Option(oFromList.options[i].text, oFromList.options[i].value);
oFromList.options[i] = null;
}
else
i++;
nFromLen--;
}

sortOption(oToList);
}

function compare(a,b)


{
if (a.text < b.text)
return -1;
else if (a.text > b.text)
return 1;
return 0;
}

function sortOption(oList)


{
if (oList.options.length > 1)

{
var optionList = new Array();

for (var i=0; i < oList.options.length; i++)
optionList.push(oList.options[i]);

optionList.sort(compare);

oList.length = 0;
for (var i=0; i < optionList.length; i++)
oList.options[i] = optionList[i];
}
}
</SCRIPT>

<META content="MSHTML 6.00.2800.1528" name=GENERATOR></HEAD>
<BODY>
<FORM name=form1>
<TABLE align=center>
<TBODY>
<TR>
<TD><SELECT multiple size=4 name=leftlist> <OPTION
value=1>Ameng1</OPTION> <OPTION value=2>Ameng2</OPTION> <OPTION
value=3>Ameng3</OPTION> <OPTION value=4>Ameng4</OPTION></SELECT> </TD>
<TD><INPUT onclick="javascript:moveOption(rightlist, leftlist,true)" type=button value=" << "><BR><INPUT onclick="javascript:moveOption(rightlist, leftlist,false)" type=button value=" < "><BR><INPUT onclick="javascript:moveOption(leftlist, rightlist,false)" type=button value=" > "><BR><INPUT onclick="javascript:moveOption(leftlist, rightlist,true)" type=button value=" >> ">
</TD>
<TD><SELECT multiple size=4 name=rightlist></SELECT> </TD></TR></TBODY></TABLE>
</FORM></BODY></HTML>

posted on
2006-04-05 18:25
Ameng
阅读(
183)
评论()
收藏
举报