首页 > 其他分享 >js select 应用

js select 应用

时间:2023-09-21 12:37:39浏览次数:36  
标签:应用 js objItemValue objSelect var alert options select


js select 应用_i++

js 代码

// 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.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中选中的项    
function jsRemoveSelectedItemFromSelect(objSelect) 
{        
    var length = objSelect.options.length - 1;    
    for(var i = length; i >= 0; i--)
{    
        if(objSelect[i].selected == true)
{    
            objSelect.options[i] = null;    
        }    
    }    
}      
   
// 5.修改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中 不存在该项");        
    }        
}        
   
// 6.设置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中 不存在该项");        
    }        
}        
   
// 7.设置select中value="paraValue"的Item为选中    
document.all.objSelect.value = objItemValue;    
       
// 8.得到select的当前选中项的value    
var currSelectValue = document.all.objSelect.value;    
       
// 9.得到select的当前选中项的text    
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;    
       
// 10.得到select的当前选中项的Index    
var currSelectIndex = document.all.objSelect.selectedIndex;    
       
// 11.清空select的项    
document.all.objSelect.options.length = 0;

js select 应用_i++


标签:应用,js,objItemValue,objSelect,var,alert,options,select
From: https://blog.51cto.com/u_16255870/7552800

相关文章

  • js语法备忘
    一.js的数据类型和变量JavaScript有六种数据类型。主要的类型有number、string、object以及Boolean类型,其他两种类型为null和undefined。String字符串类型:字符串是用单引号或双引号来说明的。(使用单引号来输入包含引号的字符串。)如:“Thecowjumpedoverthemoon......
  • 数据驱动创新,应用场景广泛
    人工智能(AI)是当今科技领域的热门话题,而生成式AI则是其中的一个重要分支。那么,什么是生成式AI呢?在本文中,我们将通过定义、特点、应用场景等方面,详细阐述生成式AI的相关知识,帮助大家更好地了解这一技术。一、定义生成式AI,也称为生成模型或生成式系统,是一种基于人工智能技术的机器学习......
  • NoodJs-Linux 环境下部署
    1、nodejs官网下载压缩包(选择合适自己系统的版本),放到Linux的安装目录下。下载|Node.js(nodejs.org)2、使用命令解压下载的nodejs压缩包:tar-xvfnode-v10.8.0-linux-x64.tar.xz3、重命名文件:mvnode-v10.8.0-linux-x64node4.设置环境变量: vim/etc/profile 在文件......
  • 【HarmonyOS】【FAQ】HarmonyOS应用开发相关问题解答(四)
    ​贴接上回。。。 【往期FAQ参考】【HarmonyOS】【FAQ】HarmonyOS应用开发相关问题解答(一)【HarmonyOS】【FAQ】HarmonyOS应用开发相关问题解答(二)【HarmonyOS】【FAQ】HarmonyOS应用开发相关问题解答(三) 【本期FAQ】1、JS服务卡片能实现按钮触摸时更换背景色,离开恢复原来......
  • PWA建快应用,小程序建超级App?
    小程序在特定的平台生态系统中崭露头角,为开发者提供了更深度的集成和用户接触点。通过应用商店的分发和推广机制,小程序能够迅速扩大用户基础,为企业和品牌提供了直接触达用户的机会。尤其是在社交媒体平台上,小程序的分享和使用已成为用户互动和交流的一种重要方式。PWA代表“渐......
  • Java实战:大文件分片上传与断点续传策略及其实际应用
    在许多应用场景中,处理大型文件上传可能成为开发人员面临的一项挑战。在网络环境不稳定,或者文件体积过大的情况下,传统的文件上传方式可能会出现问题。这时,文件分片上传和断点续传技术就显得至关重要。本文将向您展示如何使用Java实现这两种技术,并探讨其主要应用场景。文件分片上传......
  • nodejs+vue+element-ui安装
    1.nodejs安装https://www.runoob.com/nodejs/nodejs-install-setup.html2.vue安装nodejs安装以后,使用vue会报错:‘vue‘不是内部或外部命令,也不是可运行的程序解决办法:https://developer.aliyun.com/article/1093401配置vue的环境变量:查看到prefix的值以后,分别......
  • 【js】数组的几个常用方法
    filter、map、forEachfilterfilter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意:filter()不会对空数组进行检测。注意:filter()不会改变原始数组。语法:array.filter(function(currentValue,index,arr),thisValue)参数说明......
  • Arcgis 与 Pixi.js 可视化 glsl 特效篇(十八)
    这次我们用pixi.js和arcgisjs结合我们先定义一下传入数据结构symbol暂时不做let option={renderer:{type:"simple",symbol:{}},data:[{geometry:[12956152.73135875,4855356.473704897],attributes:{name:"北京"}},{geometry:[12697872.01278319......
  • Arcgis 与 Pixi.js 可视化 glsl 特效篇(十七)
    这次我们用pixi.js和arcgisjs结合我们先定义一下传入数据结构symbol暂时不做let option={renderer:{type:"simple",symbol:{}},data:[{geometry:[12956152.73135875,4855356.473704897],attributes:{name:"北京"}},{geometry:[12697872.0127......