• JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等


    1.判断select选项中 是否存在Value="paraValue"的Item
    2.向select选项中 加入一个Item
    3.从select选项中 删除一个Item
    4.修改select选项中 value="paraValue"的text为"paraText"
    5.设置select中text="paraText"的第一个Item为选中
    6.设置select中value="paraValue"的Item为选中
    7.得到select的当前选中项的value
    8.得到select的当前选中项的text
    9.得到select的当前选中项的Index
    10.清空select的项
    -------------------------------------------
    //1.判断select选项中 是否存在Value="paraValue"的Item
    function jsSelectIsExitItem(objSelect,objItemValue)
    {
        var isExit = false;
        for(var i=0;i<objSelect.options.length;i++)
        {
            if(objSelect.options[i].value == objItemValue)
            {
                isExit = true;
                break;
            }
        }     
        return isExit;
    }

    //2.向select选项中 加入一个Item
    function jsAddItemToSelect(objSelect,objItemText,objItemValue)
    {
        //判断是否存在
        if(jsSelectIsExitItem(objSelect,objItemValue))
        {
            alert("该Item的Value值已经存在");
        }
        else
        {
            var varItem = new Option(objItemText,objItemValue);
    //      objSelect.options[objSelect.options.length] = varItem;
            objSelect.options.add(varItem);
            alert("成功加入");
        }   
    }

    //3.从select选项中 删除一个Item
    function jsRemoveItemFromSelect(objSelect,objItemValue)
    {
        //判断是否存在
        if(jsSelectIsExitItem(objSelect,objItemValue))
        {
            for(var i=0;i<objSelect.options.length;i++)
            {
                if(objSelect.options[i].value == objItemValue)
                {
                    objSelect.options.remove(i);
                    break;
                }
            }       
            alert("成功删除");           
        }
        else
        {
            alert("该select中 不存在该项");
        }   
    }

    //4.修改select选项中 value="paraValue"的text为"paraText"
    function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)
    {
        //判断是否存在
        if(jsSelectIsExitItem(objSelect,objItemValue))
        {
            for(var i=0;i<objSelect.options.length;i++)
            {
                if(objSelect.options[i].value == objItemValue)
                {
                    objSelect.options[i].text = objItemText;
                    break;
                }
            }       
            alert("成功修改");           
        }
        else
        {
            alert("该select中 不存在该项");
        }   
    }
           
    //5.设置select中text="paraText"的第一个Item为选中
    function jsSelectItemByValue(objSelect,objItemText)
    {   
        //判断是否存在
        var isExit = false;
        for(var i=0;i<objSelect.options.length;i++)
        {
            if(objSelect.options[i].text == objItemText)
            {
                objSelect.options[i].selected = true;
                isExit = true;
                break;
            }
        }     
        //Show出结果
        if(isExit)
        {
            alert("成功选中");           
        }
        else
        {
            alert("该select中 不存在该项");
        }   
    }

    //6.设置select中value="paraValue"的Item为选中
    //document.all.objSelect.value = objItemValue;

    //7.得到select的当前选中项的value
    //var currSelectValue = document.all.objSelect.value;

    //8.得到select的当前选中项的text
    //var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

    //9.得到select的当前选中项的Index
    //var currSelectIndex = document.all.objSelect.selectedIndex;

    //10.清空select的项
    // document.all.objSelect.options.length = 0;

  • 相关阅读:
    MyXls导出Excel时在Web页即时生成原生Excel文件
    《Microsoft SQL Server 2008 Analysis Services Step by Step》学习笔记十四:设计聚合(Aggregation)(上)
    《Microsoft SQL Server 2008 Analysis Services Step by Step》学习笔记十五:设计聚合(Aggregation)(下)
    《Microsoft SQL Server 2008 Analysis Services Step by Step》学习笔记十六:管理分区及数据库处理(上)
    《Microsoft SQL Server 2008 Analysis Services Step by Step》学习笔记十七:管理分区及数据库处理(下)
    IE9启动崩溃并报"故障模块名称: msidcrl40.dll"的一个解决方案
    Microsoft® SQL Server® 2008 R2 Service Pack 1正式版
    《Microsoft SQL Server 2008 Analysis Services Step by Step》学习笔记十八:管理部署
    《Microsoft SQL Server 2008 Analysis Services Step by Step》学习笔记十二:从Analysis Services检索数据
    《Microsoft SQL Server 2008 MDX Step by Step》学习笔记三:了解结果集(Sets)
  • 原文地址:https://www.cnblogs.com/freeliver54/p/645983.html
Copyright © 2020-2023  润新知