Javascript操作DropDownList控件总结

 要操作的DropDownList

<asp:DropDownList ID="DropDownList1" Width="150" runat="server" onchange="ShowJWWA()">
</asp:DropDownList>

javascript代码

var objDdl=document.getElementById("<%=DropDownList1.ClientID %>");

//清空objDdl中的所有项
function(objDdl) {
    objDdl.options.length = 0;
}

//判断objDdl中是否存在value为paramValue的项(ListItem)
function(objDdl, paramValue)
{
    var isExist = false;

    for (var i = 0; i < objDdl.options.length; i++) {
        if (objDdl.options[i].value == paramValue) {
            isExist = true;
            break;
        }
    }
    
    return isExist;
}

//判断objDdl中是否存在text为paramValue的项(ListItem)
 function(objDdl, paramText) {
    var isExist = false;

    for (var i = 0; i < objDdl.options.length; i++) {
        if (objDdl.options[i].text == paramText) {
            isExist = true;
            break;
        }
    }

    return isExist;
}

//向objDdl添加一个item，其中value为paramValue，text为paramText
function(objDdl , paramValue , paramText)
{
    //首先判断是否已存在paramValue的项
    if(this.isExistItemByValue(objDdl,paramValue))
    {
        alert('添加失败，不能添加重复项：' + paramValue);
    }
    else
    {
        var varItem = new Option(paramText,paramValue);
        objDdl.options.add(varItem);
    }
}

//向objDdl删除一个item，其中参数为value的值为paramValue
 function(objDdl , paramValue)
{
    //首先判断是否存在该项，存在才删除
    if (!this.isExistItemByValue(objDdl, paramValue))
    {
        alert('删除失败，因为不存在该项：' + paramValue);
    }
    else
    {
        for(var i = 0 ; i< objDdl.options.length ; i++)
        {
            if(objDdl.options[i].value == paramValue)
            {
                objDdl.options.remove(i);
                break;
            }
        }
    }
}

//向objDdl删除找到的item，其中参数为text的值为paramText
function(objDdl, paramText) {
    //首先判断是否存在该项，存在才删除
    if (!this.isExistItemByText(objDdl, paramText)) {
        alert('删除失败，因为不存在该项：' + paramText);
    }
    else {
        for (var i = 0; i < objDdl.options.length; i++) {
            if (objDdl.options[i].text == paramText) {
                objDdl.options.remove(i);
            }
        }
    }
}

//删除objDdl当前选中的项
ddlHandler.removeSelectedListItem = function(objDdl)
{
    objDdl.options[objDdl.selectedIndex] = null;
}

//修改objDdl选项中value = "paramValue"的text为"paramText"
function(objDdl , paramValue , paramText)
{
    if (this.isExistItemByValue(objDdl, paramValue))
    {
        for(var i= 0 ; i< objDdl.options.length ; i++)
        {
            if(objDdl.options[i].value == paramValue)
            {
                objDdl.options[i].text = paramText;
                break;
            }
        }
    }
    else
    {
        alert('更新失败，不存在该项：' + paramValue);
    }
}

//设置objDdl中text为"paramText"的第一个Item为选中
 function(objDdl , paramText)
{
    //判断是否存在
    var isExist = false;
    for (var i = 0; i < objDdl.options.length; i++) {
        if (objDdl.options[i].text == paramText) {
            objDdl.options[i].selected = true;
            isExist = true;
            break;
        }
    }
    
    //显示出来结果
    if(!isExist)
    {
        alert('选择失败，不存在该项：' + paramText)
    }
}

//得到当前的选中项的值value
function(objDdl) {
    return objDdl.value;
}

//得到当前的选中项的值text
function(objDdl) {
    return objDdl.options[objDdl.selectedIndex].text;
}


//设置objDdl中value = "paramValue"的item为选中
function(objDdl, paramValue) {
    objDdl.value = paramValue;
}

//得到当前选中项的Index
function(objDdl) {
    return objDdl.selectedIndex;
}