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 相关文章推荐
在JS中最常看到切最容易迷惑的语法(转)
Oct 29 Javascript
JQUERY设置IFRAME的SRC值的代码
Nov 30 Javascript
基于jquery的表头固定的若干方法
Jan 27 Javascript
js修改table中Td的值(定义td的单击事件)
Jan 10 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
Apr 15 Javascript
JS文件上传神器bootstrap fileinput详解
Jan 28 Javascript
Angular下H5上传图片的方法(可多张上传)
Jan 09 Javascript
Angular.js跨controller实现参数传递的两种方法
Feb 20 Javascript
EasyUI实现下拉框多选功能
Nov 07 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
js实现头像上传并且可预览提交
Dec 25 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
晶体管来复再生式二管收音机
2021/03/02 无线电
PHP读写文件的方法(生成HTML)
2006/11/27 PHP
js表格分页实现代码
2009/09/18 Javascript
Javascript写入txt和读取txt文件示例
2014/02/12 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
2014/06/13 Javascript
jquery复选框多选赋值给文本框的方法
2015/01/27 Javascript
angular2使用简单介绍
2016/03/01 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
vue项目实战总结篇
2018/02/11 Javascript
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
2018/12/26 Javascript
初学node.js中实现删除用户路由
2019/05/27 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
基于vuex实现购物车功能
2021/01/10 Vue.js
详解微信小程序(Taro)手动埋点和自动埋点的实现
2021/03/02 Javascript
[00:20]TI9不朽观赛名额抽取
2019/08/05 DOTA
python通过get,post方式发送http请求和接收http响应的方法
2015/05/26 Python
5款非常棒的Python工具
2018/01/05 Python
python 匹配url中是否存在IP地址的方法
2018/06/04 Python
Django实战之用户认证(用户登录与注销)
2018/07/16 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
python 模拟银行转账功能过程详解
2019/08/06 Python
CSS3下的渐变文字效果实现示例
2018/03/02 HTML / CSS
英国顶级家庭折扣店:The Works
2017/09/06 全球购物
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
机电专业毕业生求职信
2013/10/27 职场文书
环保专项行动方案
2014/05/12 职场文书
关于环保的标语
2014/06/13 职场文书
群众路线个人剖析材料及整改措施
2014/11/04 职场文书
2015年个人审计工作总结
2015/04/07 职场文书
2016小学教师读书心得体会
2016/01/13 职场文书
ThinkPHP5和ThinkPHP6的区别
2021/03/31 PHP
磁贴还没死, 微软Win11可修改注册表找回Win10开始菜单
2021/11/21 数码科技