javascript---ListUtil对象封装 (下拉框)

1.   getSelectedIndexes(oListbox) ——获得被选中option的索引。 

2.   add(oListbox, sName, sValue) ——增加select控件中的option选项。oListbox为select对象、sName为option的显示名称、sValue是option的值。 

3.   remove(oListbox, iIndex) ——删除select中的option列表项。oListbox：select对象、iIndex：为删除option项的索引值（从零开始）。 

4.   clear(oListbox) ——删除select列表中所有option对象。 

5. move(oListboxFrom, oListboxTo, iIndex) ——移动列表中的option对象。如：将A列表中的option对象要移动到B列表中。oListboxFrom：源列表、oListboxTo：目的列表、iIndex：option索引号。 

6.  shiftUp(oListbox, iIndex) ——指定列表中的某个option对象向上移动一个单位（除第一个option对象外）。oListbox：select对象、iIndex：要操作的option索引号。 

7. shiftDown(oListbox, iIndex) ——指定列表中的某个option对象向下移动一个单位（除最后一个option对象外）。oListbox：select对象、iIndex：要操作的option索引号。

 

var ListUtil = new Object();

ListUtil.getSelectedIndexes = function (oListbox) {
    var arrIndexes = new Array;

    for (var i=0; i < oListbox.options.length; i++) {
        if (oListbox.options[i].selected) {
            arrIndexes.push(i);
        }
    }

    return arrIndexes;
};

ListUtil.add = function (oListbox, sName, sValue) {

    var oOption = document.createElement("option");
    oOption.appendChild(document.createTextNode(sName));

    if (arguments.length == 3) {
        oOption.setAttribute("value", sValue);
    }

    oListbox.appendChild(oOption);

}

ListUtil.remove = function (oListbox, iIndex) {
    oListbox.remove(iIndex);
};

ListUtil.clear = function (oListbox) {
    for (var i=oListbox.options.length-1; i >= 0; i--) {
        ListUtil.remove(oListbox, i);
    }
};

ListUtil.move = function (oListboxFrom, oListboxTo, iIndex) {
    var oOption = oListboxFrom.options[iIndex];

    if (oOption != null) {
        oListboxTo.appendChild(oOption);
    }
};

ListUtil.shiftUp = function (oListbox, iIndex) {
    if (iIndex > 0) {    
        var oOption = oListbox.options[iIndex];
        var oPrevOption = oListbox.options[iIndex-1];
        oListbox.insertBefore(oOption, oPrevOption);
    }    
};

ListUtil.shiftDown = function (oListbox, iIndex) {
    if (iIndex < oListbox.options.length - 1) {
        var oOption = oListbox.options[iIndex];
        var oNextOption = oListbox.options[iIndex+1];
        oListbox.insertBefore(oNextOption, oOption);
    }
};