引用位置:
http://www.cnblogs.com/jifeng/archive/2010/04/08/1707528.html
javascript操作SELECT中option大全
1:判断select选项中是否存在item
function isExitItem(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 addItem(objSelect, objItemText, objItemValue) {
//判断是否存在
if (isExitItem(objSelect, objItemValue)) {
alert("已经存在!");
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
alert("添加成功!");
}
}
3:删除item
function removeItem(objSelect, objItemValue) {
//判断是否存在
if (isExitItem(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("不存在!");
}
}
4.删除select中选中的项
function removeSelectedItem(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 (isExitItem(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操作Select和Option 一个网页 挺全的
javascript 获取select ->option中id、value、label属性及<option></option>中内容
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
select option 自定义图片的js 、css 以及代码展示,javaScript ;
本人写的一个html页面,用js实现从数组读数据自动生成select控件
主要介绍了JavaScript为select添加option的方法和示例,十分的简单实用,有需要的小伙伴可以参考下。
主要介绍了JS实现select选中option触发事件操作,结合实例形式总结分析了javascript针对select下拉选中option项触发事件相关操作技巧,需要的朋友可以参考下
主要介绍了JavaScript操作select元素和option的实例代码的相关资料,需要的朋友可以参考下
javascript操作Select标记中options集合 先来看看options集合的这几个方法: options.add(option)方法向集合里添加一项option对象; options.remove(index)方法移除options集合中的指定项; options(index)或options...
主要介绍了JS更改select内option属性的方法,涉及JavaScript动态操作页面select元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
现在步入正题,看到书中讲Form元素的操作,像Textbox、Button、Label等,都还是比较简单的,只是看到Select时,稍微有些复杂,于是就想仔细研究研究,于是就有了这篇文章。Select的操作包括动态添加、删除、移动、...
主要介绍了javascript 删除select中的所有option的实例的相关资料,希望通过本文能帮助到大家实现这样的功能,需要的朋友可以参考下
javascript对它们的操作 一、基础理解 代码如下: var e = document.getElementById(“selectId”); e. options= new Option(“文本”,”值”) ; //创建一个option对象,即在<select>标签中创建一个或多个...
本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: <select name=parent_id onchange=setTitleAndLinkByGoodsCategory(this.value,this....
本文针对开发项目中遇到的问题,进行了汇总 问题1:如何选择select的option里面的值? 首先会用到一个方法 onchange();这个方法主要用于触发,选择框内容改变时间 实现代码: <!doctype html> <html> ...
本文实例讲述了JavaScript实现通过select标签跳转网页的方法。分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过...
Javascript操作select是表单中比较常见的,大家可以在网上搜索到很多的相关资料,接下来为大家详细介绍下,JS动态操作select中的各种方法,感兴趣的朋友可以参考下
1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有。 代码如下: <...示例:122,点击option,通过srcElement获取事件源目标在IE中是select,Firefox/Safari/Chrome/Opera则是optio