jsselect常用操作控制代码
操作 常用 控制代码 jsSelect
2023-06-13 09:14:17 时间
//1.判断select选项中是否存在Value="paraValue"的Item
functionjsSelectIsExitItem(objSelect,objItemValue){
varisExit=false;
for(vari=0;i<objSelect.options.length;i++){
if(objSelect.options[i].value==objItemValue){
isExit=true;
break;
}
}
returnisExit;
}
//2.向select选项中加入一个Item
functionjsAddItemToSelect(objSelect,objItemText,objItemValue){
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue)){
alert("该Item的Value值已经存在");
}else{
varvarItem=newOption(objItemText,objItemValue);
objSelect.options.add(varItem);
alert("成功加入");
}
}
//3.从select选项中删除一个Item
functionjsRemoveItemFromSelect(objSelect,objItemValue){
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue)){
for(vari=0;i<objSelect.options.length;i++){
if(objSelect.options[i].value==objItemValue){
objSelect.options.remove(i);
break;
}
}
alert("成功删除");
}else{
alert("该select中不存在该项");
}
}
//4.删除select中选中的项
functionjsRemoveSelectedItemFromSelect(objSelect){
varlength=objSelect.options.length-1;
for(vari=length;i>=0;i--){
if(objSelect[i].selected==true){
objSelect.options[i]=null;
}
}
}
//5.修改select选项中value="paraValue"的text为"paraText"
functionjsUpdateItemToSelect(objSelect,objItemText,objItemValue){
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue)){
for(vari=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为选中
functionjsSelectItemByValue(objSelect,objItemText){
//判断是否存在
varisExit=false;
for(vari=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
varcurrSelectValue=document.all.objSelect.value;
//9.得到select的当前选中项的text
varcurrSelectText=document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
//10.得到select的当前选中项的Index
varcurrSelectIndex=document.all.objSelect.selectedIndex;
//11.清空select的项
document.all.objSelect.options.length=0;
functionjsSelectIsExitItem(objSelect,objItemValue){
varisExit=false;
for(vari=0;i<objSelect.options.length;i++){
if(objSelect.options[i].value==objItemValue){
isExit=true;
break;
}
}
returnisExit;
}
//2.向select选项中加入一个Item
functionjsAddItemToSelect(objSelect,objItemText,objItemValue){
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue)){
alert("该Item的Value值已经存在");
}else{
varvarItem=newOption(objItemText,objItemValue);
objSelect.options.add(varItem);
alert("成功加入");
}
}
//3.从select选项中删除一个Item
functionjsRemoveItemFromSelect(objSelect,objItemValue){
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue)){
for(vari=0;i<objSelect.options.length;i++){
if(objSelect.options[i].value==objItemValue){
objSelect.options.remove(i);
break;
}
}
alert("成功删除");
}else{
alert("该select中不存在该项");
}
}
//4.删除select中选中的项
functionjsRemoveSelectedItemFromSelect(objSelect){
varlength=objSelect.options.length-1;
for(vari=length;i>=0;i--){
if(objSelect[i].selected==true){
objSelect.options[i]=null;
}
}
}
//5.修改select选项中value="paraValue"的text为"paraText"
functionjsUpdateItemToSelect(objSelect,objItemText,objItemValue){
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue)){
for(vari=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为选中
functionjsSelectItemByValue(objSelect,objItemText){
//判断是否存在
varisExit=false;
for(vari=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
varcurrSelectValue=document.all.objSelect.value;
//9.得到select的当前选中项的text
varcurrSelectText=document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
//10.得到select的当前选中项的Index
varcurrSelectIndex=document.all.objSelect.selectedIndex;
//11.清空select的项
document.all.objSelect.options.length=0;
相关文章
- kafka常用操作
- ES数据库操作入门总结「建议收藏」
- ES查询操作
- 【MySQL数据库】MySQL常用操作
- SQLServer 错误 5228 表错误:对象 ID O_ID,索引 ID I_ID,分区 ID PN_ID,分配单元 ID A_ID(类型为 TYPE),页 PG_ID,行 R_ID。 DBCC 检测到来自联机索引生成操作的不完全清除。 (Antimatter 列值为 VALUE。) 故障 处理 修复 支持远程
- Python文件夹常用操作详解编程语言
- java cookie操作的封装 常用判断方法的封装详解编程语言
- Java中对Array数组的常用操作详解编程语言
- MySQL数据库安全操作指南:64位加固版(mysql64)
- php-fpm配置及操作详解编程语言
- Linux at 操作指南(linuxat)
- Linux更换源:步步保障操作体验(linux更换源)
- 时间Redis和Java设置过期时间的简单操作(redisjava过期)
- 容器常用操作 – 每天5分钟玩转 Docker 容器技术(25)
- Redis Getset:高效简洁的键值对操作(redisgetset)
- 使用Sed命令在Linux上实现文本操作(linux中sed命令)
- MySQL数据库:掌握操作指令的必备法宝(mysql数据库操作命令)
- MySQL中涵盖的SQL操作详解(mysql中包含的sql)
- MySQL一小时快速入门轻松掌握基本语法和常用操作(mysql 一小时)
- Oracle中实现分页技术的简单操作(oracle中实现分页)
- 用Redis实现集合字段的自增操作(redis集合字段递增)
- Redis运维常见操作指南(redis运维常用操作)
- 操作深入理解Redis缓存的常用数据操作(redis缓存常用数据)
- 新手学PHP之数据库操作详解及乱码解决!
- jquery对表单操作2
- jQuery操作表格(table)的常用方法、技巧汇总
- JavaScript数组常用操作技巧汇总
- rails常用数据库查询操作、方法浅析