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 相关文章推荐
idTabs基于JQuery的根据URL参数选择Tab插件
Apr 11 Javascript
快速解决FusionCharts联动的中文乱码问题
Dec 04 Javascript
获取当前点击按钮的id用this.id实现
Mar 17 Javascript
JavaScript中遍历对象的property的3种方法介绍
Dec 30 Javascript
jquery使用each方法遍历json格式数据实例
May 18 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
Javascript中的对象和原型(二)
Aug 12 Javascript
JavaScript中最常见的三个面试题解析
Mar 04 Javascript
用JS编写一个函数,返回数组中重复出现过的元素(实例)
Sep 14 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
Jan 09 Javascript
解决在vue项目中webpack打包后字体不生效的问题
Sep 01 Javascript
javascript实现超好看的3D烟花特效
Jan 01 Javascript
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模板技术[转]
2007/01/04 PHP
PHP+MYSQL 出现乱码的解决方法
2008/08/08 PHP
php单态设计模式(单例模式)实例
2014/11/18 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
JavaScript中的style.display属性操作
2013/03/27 Javascript
js实现图片轮换效果代码
2013/04/16 Javascript
判断是否安装flash player及当前版本的JS代码
2013/08/08 Javascript
JavaScript实现的石头剪刀布游戏源码分享
2014/08/22 Javascript
jQuery固定元素插件scrolltofixed使用指南
2015/04/21 Javascript
jQuery与JS加载事件用法分析
2016/09/04 Javascript
推荐10款扩展Web表单的JS插件
2017/12/25 Javascript
微信小程序文章详情页面实现代码
2018/09/10 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
js中int和string数据类型互相转化实例
2019/01/16 Javascript
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
2019/07/29 Javascript
Element 默认勾选表格 toggleRowSelection的实现
2019/09/04 Javascript
vue中使用极验验证码的方法(附demo)
2019/12/04 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
2020/03/09 Javascript
jQuery cookie的公共方法封装和使用示例
2020/06/01 jQuery
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
python排序函数sort()与sorted()的区别
2018/09/18 Python
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
2013/01/23 HTML / CSS
耐克巴西官方网站:Nike巴西
2016/08/14 全球购物
汽车运用工程毕业生自荐信
2013/10/29 职场文书
白酒业务员岗位职责
2013/12/27 职场文书
工作违纪检讨书
2014/02/17 职场文书
相亲活动方案
2014/08/26 职场文书
学生自我鉴定格式及范文
2014/09/16 职场文书
群众路线个人整改措施
2014/10/24 职场文书
交警正风肃纪剖析材料
2014/10/29 职场文书
护士自荐信怎么写
2015/03/06 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书
SQL Server基本使用和简单的CRUD操作
2021/04/05 SQL Server
Pytorch distributed 多卡并行载入模型操作
2021/06/05 Python
Java基础——Map集合
2022/04/01 Java/Android