js select常用操作控制代码


Posted in Javascript onMarch 16, 2010

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

Javascript 相关文章推荐
基于mootools插件实现遮罩层新手引导
May 24 Javascript
22点关于jquery性能优化的建议
May 28 Javascript
对于jQuery性能的一些优化建议
Aug 13 Javascript
javascript实现抽奖程序的简单实例
Jun 07 Javascript
AngularJS入门教程之静态模板详解
Aug 18 Javascript
Javascript中常见的逻辑题和解决方法
Sep 17 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
深入理解Vue transition源码分析
Jul 30 Javascript
详解关于vue-area-linkage走过的坑
Jun 27 Javascript
js中this的指向问题归纳总结
Nov 28 Javascript
vue+springboot实现登录验证码
May 27 Vue.js
js实现的日期操作类DateTime函数代码
Mar 16 #Javascript
javascript json2 使用方法
Mar 16 #Javascript
jQuery 选择器理解
Mar 16 #Javascript
jQuery 学习入门篇附实例代码
Mar 16 #Javascript
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
Mar 16 #Javascript
Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
Mar 16 #Javascript
javascript 二维数组的实现与应用
Mar 16 #Javascript
You might like
PHP 程序授权验证开发思路
2009/07/09 PHP
让CodeIgniter数据库缓存自动过期的处理的方法
2014/06/12 PHP
Yii框架登录流程分析
2014/12/03 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
关于PhpStorm设置点击编辑文件自动定位源文件的实现方式
2020/12/30 PHP
javascript使用activex控件的代码
2011/01/27 Javascript
jquery库文件略庞大用纯js替换jquery的方法
2014/08/12 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
2016/02/21 Javascript
WebView启动支付宝客户端支付失败的问题小结
2017/01/11 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
浅谈Node.js 沙箱环境
2018/05/15 Javascript
微信小程序在线客服自动回复功能(基于node)
2019/07/03 Javascript
jQuery实现图片下载代码
2019/07/18 jQuery
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
jQuery实现视频展示效果
2020/05/30 jQuery
[01:04:02]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第二场 1月24日
2021/03/11 DOTA
python计算N天之后日期的方法
2015/03/31 Python
Python实现基于C/S架构的聊天室功能详解
2018/07/07 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
为何人工智能(AI)首选Python?读完这篇文章你就知道了(推荐)
2019/04/06 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
中国跨镜手机配件批发在线商店:TVC-Mall
2019/08/20 全球购物
Vision Direct比利时:在线订购隐形眼镜
2019/08/27 全球购物
关于逃课的检讨书
2014/01/23 职场文书
销售员岗位职责范本
2014/02/03 职场文书
道路建设实施方案
2014/03/18 职场文书
暑期培训班招生方案
2014/08/26 职场文书
庆祝新中国成立65周年“向国旗敬礼”网上签名寄语
2014/09/27 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
Python中22个万用公式的小结
2021/07/21 Python
vue 自定义组件添加原生事件
2022/04/21 Vue.js
TypeScript 内置高级类型编程示例
2022/09/23 Javascript