Javascript控制Listbox左右/上下移动方法集合

以下方法是我用于自己项目中的一个例子, 方法实现左右移动, 移动之后是否排序? 以及上下移动功能.

同时支持左边内容包括字符前缀情况, 移到右边后需要去掉前缀.

function moveItemsLeftRight(src, des, orderInd, prefix, addPrefixInd){

var source = document.getElementById(src);

var destination = document.getElementById(des);

var arraySelected = new Array();

for(var i = 0; i < source.length; i++){

if(source.options[i].selected){

var opt = null;

if(prefix != null){

var prefixLen = prefix.length;

if(addPrefixInd == true){

// Add Prefix

opt = new Option(prefix + source.options[i].text, source.options[i].value);

}

else{

// Remove Prefix

if(source.options[i].text.substr(0, prefixLen) == prefix){

opt = new Option(source.options[i].text.substr(prefixLen, source.options[i].text.length - prefixLen), source.options[i].value);

}

}

}

else{

opt = new Option(source.options[i].text, source.options[i].value);

}

if(opt != null){

destination.options.add(opt);

arraySelected[arraySelected.length] = [source.options[i].value, source.options[i].text];

}

}

}

deleteItems(source, arraySelected);

if(orderInd == true){

sortItems(destination, prefix);

}

}

function deleteItems(src, arraySelected){

for(var i = 0; i < arraySelected.length; i++){

for(var j = 0; j < src.length; j++){

if(src.options[j].value == arraySelected[i][0]){

src.remove(j);

}

}

}

}

function sortItems(src, prefix){

var arrayTemp = new Array();

for(var j = 0; j < src.length; j++){

arrayTemp[j] = [src.options[j].value, src.options[j].text];

}

arrayTemp.sort(sortOption);

removeAllItems(src);

for(var m = 0; m < arrayTemp.length; m++){

src.options.add(new Option(arrayTemp[m][1], arrayTemp[m][0]));

if(prefix != null){

if(src.options[m].text.substr(0, prefix.length) != prefix){

src.options[m].style.background = "#cccccc";

src.options[m].style.color = "#000099";

}

}

}

}

function sortOption(a, b){

return a[0] - b[0];

}

function removeAllItems(src){

for(var j = src.options.length - 1; j >= 0; j--){

src.remove(j);

}

}

function removeAllSelectedItems(src){

document.SelectClientID(src).find("option:selected").each(function(){

$(this).removeAttr("selected","false");});

}

function moveItemsUpDown(src, direction){

var source = document.getElementById(src);

var arrayTemp = new Array();

var arrayIndex = new Array();

if(direction == "UP"){

for(var i = 0; i < source.length; i++){

if(source.options[i].selected && i != 0){

var opt = arrayTemp[i - 1];

arrayTemp[i - 1] = new Option(source.options[i].text, source.options[i].value);

arrayTemp[i] = opt;

arrayIndex[i-1] = 1;

arrayIndex[i] = 0;

}

else{

arrayIndex[i] = 0;

arrayTemp[i] = new Option(source.options[i].text, source.options[i].value);

}

}

} else {

for(var i = source.length - 1; i >= 0; i--){

if(source.options[i].selected && i != source.length - 1){

var opt = arrayTemp[i + 1];

arrayTemp[i + 1] = new Option(source.options[i].text, source.options[i].value);

arrayTemp[i] = opt;

arrayIndex[i+1] = 1;

arrayIndex[i] = 0;

}

else{

arrayIndex[i] = 0;

arrayTemp[i] = new Option(source.options[i].text, source.options[i].value);

}

}

}

removeAllItems(source);

for(var m = 0; m < arrayTemp.length; m++){

source.options.add(new Option(arrayTemp[m].text, arrayTemp[m].value));

if(arrayIndex[m] == 1){

source.options[m].selected = true;

}

}

}