javascript操作select相关方法:新增 修改 删除 选中 清空 判断

礼品马马

礼品马马

2016-02-19 20:30

图老师小编精心整理的javascript操作select相关方法:新增 修改 删除 选中 清空 判断希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

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

2.向select选项中 加入一个Item

3.从select选项中 删除一个Item

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

7.得到select的当前选中项的value

8.得到select的当前选中项的text

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

9.得到select的当前选中项的Index

10.清空select的项
-------------------------------------------

//1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect,objItemValue)
{
var isExit = false;
for(var i=0;iobjSelect.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[objSelect.options.length] = varItem;
objSelect.options.add(varItem);
alert("成功加入");
}
}

//3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect,objItemValue)
{
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue))
{
for(var i=0;iobjSelect.options.length;i++)
{
if(objSelect.options[i].value == objItemValue)
{
objSelect.options.remove(i);
break;
}
}
alert("成功删除");
}
else
{
alert("该select中 不存在该项");
}
}

//4.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)
{
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue))
{
for(var i=0;iobjSelect.options.length;i++)
{
if(objSelect.options[i].value == objItemValue)
{
objSelect.options[i].text = objItemText;
break;
}
}
alert("成功修改");
}
else

展开更多 50%)
分享

猜你喜欢

javascript操作select相关方法:新增 修改 删除 选中 清空 判断

Web开发
javascript操作select相关方法:新增 修改 删除 选中 清空 判断

javascript判断单选框或复选框是否选中方法集锦

Web开发
javascript判断单选框或复选框是否选中方法集锦

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jQuery select操作控制方法小结

Web开发
jQuery select操作控制方法小结

数据库的相关操作:如连接、查询、添加、删除、修改、分页显示

Web开发
数据库的相关操作:如连接、查询、添加、删除、修改、分页显示

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript获取选中文本

Web开发
JavaScript获取选中文本

用javascript实现select的美化的方法

Web开发
用javascript实现select的美化的方法

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何将win10系统邮件应用的背景图案修改掉

如何将win10系统邮件应用的背景图案修改掉

javascript对象与数组的例子

javascript对象与数组的例子
下拉加载更多内容 ↓