博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【转】js中select的基本操作
阅读量:5151 次
发布时间:2019-06-13

本文共 3588 字,大约阅读时间需要 11 分钟。

判断select选项中 是否存在Value="paraValue"的Item 

// 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;        }

向select选项中 加入一个Item 

// 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("成功加入");         }        }

从select选项中 删除一个Item 

// 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中 不存在该项");            }        }

 

删除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;            }        }    }

 

修改select选项中 value="paraValue"的text为"paraText" 

// 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中 不存在该项");            }        }

 

设置select中text="paraText"的第一个Item为选中 

// 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中 不存在该项");            }        }

 

设置select中value="paraValue"的Item为选中 

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

 

得到select的当前选中项的value 

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

 

得到select的当前选中项的text 

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

 

得到select的当前选中项的Index 

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

 

清空select的项 

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

 

转载于:https://www.cnblogs.com/zs-note/p/3772544.html

你可能感兴趣的文章
Exception Type: IntegrityError 数据完整性错误
查看>>
Nuget:Newtonsoft.Json
查看>>
Hdu - 1002 - A + B Problem II
查看>>
Android设置Gmail邮箱
查看>>
js编写时间选择框
查看>>
JIRA
查看>>
小技巧——直接在目录中输入cmd然后就打开cmd命令窗口
查看>>
深浅拷贝(十四)
查看>>
HDU 6370(并查集)
查看>>
BZOJ 1207(dp)
查看>>
PE知识复习之PE的导入表
查看>>
HDU 2076 夹角有多大(题目已修改,注意读题)
查看>>
洛谷P3676 小清新数据结构题(动态点分治)
查看>>
九校联考-DL24凉心模拟Day2T1 锻造(forging)
查看>>
Attributes.Add用途与用法
查看>>
L2-001 紧急救援 (dijkstra+dfs回溯路径)
查看>>
javascript 无限分类
查看>>
spring IOC装配Bean(注解方式)
查看>>
[面试算法题]有序列表删除节点-leetcode学习之旅(4)
查看>>
SpringBoot系列五:SpringBoot错误处理(数据验证、处理错误页、全局异常)
查看>>