动态改变select中option的次序

<script>

<!--

functionaddOption() {

for(var i=0;i<10;i++) {

var sName = "Name" + i;

var sValue = "value" + i;

var oOption =document.createElement('OPTION');

oOption.text = sName;

oOption.value = sValue;

document.forms[0].select1.options.add(oOption);

}

}

functionupOption(id){

var frm = document.forms[0];

if(id!=0){

var sName = frm.select1.options[id].text;

var sValue = frm.select1.options[id].value;

var sName2 = frm.select1.options[id-1].text;

var sValue2 =frm.select1.options[id-1].value;

frm.select1.options[id-1]=newOption(sName,sValue);

frm.select1.options[id]=newOption(sName2,sValue2);

frm.select1.options.selectedIndex = (id-1);

}

}

functiondownOption(id){

var frm = document.forms[0];

var s = frm.select1.options.length-1;

if(id!=s){

var sName = frm.select1.options[id].text;

var sValue = frm.select1.options[id].value;

var sName2 =frm.select1.options[parseInt(id+1)].text;

var sValue2 =frm.select1.options[parseInt(id+1)].value;

frm.select1.options[parseInt(id+1)]=newOption(sName,sValue);

frm.select1.options[id]=newOption(sName2,sValue2);

frm.select1.options.selectedIndex = (id+1);

}

}

//-->

</script>

<bodyοnlοad=addOption();>

<formname=frm>

<buttonοnclick="upOption(select1.selectedIndex);"><fontface="Webdings">5</font></button>

<selectid="select1" name=select1" multiple size="10"width=100 οnchange=alert(this.value)></select>

<buttonοnclick="downOption(select1.selectedIndex);"><fontface="Webdings">6</font></button>

</form>