网页代码设计技巧系列之-列表项目的选择移动.docVIP

要完成此效果需要两个步骤第一步：把如下代码加入到head区域中SCRIPT LANGUAGE=JavaScriptfunction move(fbox, tbox) {var arrFbox = new Array();var arrTbox = new Array();var arrLookup = new Array();var i;for (i = 0; i tbox.options.length; i++) {arrLookup[tbox.options[i].text] = tbox.options[i].value;arrTbox[i] = tbox.options[i].text;}var fLength = 0;var tLength = arrTbox.length;for(i = 0; i fbox.options.length; i++) {arrLookup[fbox.options[i].text] = fbox.options[i].value;if (fbox.options[i].selected fbox.options[i].value != ) {arrTbox[tLength] = fbox.options[i].text;tLength++;}else {arrFbox[fLength] = fbox.options[i].text;fLength++;}}arrFbox.sort();arrTbox.sort();fbox.length = 0;tbox.length = 0;var c;for(c = 0; c arrFbox.length; c++) {var no = new Option();no.value = arrLookup[arrFbox[c]];no.text = arrFbox[c];fbox[c] = no;}for(c = 0; c arrTbox.length; c++) {var no = new Option();no.value = arrLookup[arrTbox[c]];no.text = arrTbox[c];tbox[c] = no;}}/script第二步：把如下代码加入到body区域中form name=combo_boxtable align=centertrtdselect multiple size=10 name=list1 style=width:150option value=1项目1/optionoption value=2项目2/optionoption value=3项目3/optionoption value=4项目4/optionoption value=5项目5/option/select/tdtd align=center valign=middleinput type=button onClick=move(this.form.list2,this.form.list1) value=input type=button onClick=move(this.form.list1,this.form.list2) value=/tdtdselect multiple size=10 name=list2 style=width:150/select/td/tr/table/form