js 操作select相关方法函数


Posted in Javascript onDecember 06, 2009
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为选中
7.得到select的当前选中项的value
8.得到select的当前选中项的text
9.得到select的当前选中项的index
10.清空select的项
-------------------------------------------
//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[objselect.options.length] = varitem;
  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选项中 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中 不存在该项");
    }    
}//5.设置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中 不存在该项");
    }    
}
//6.设置select中value="paravalue"的item为选中
//document.all.objselect.value = objitemvalue;
//7.得到select的当前选中项的value
//var currselectvalue = document.all.objselect.value;
//8.得到select的当前选中项的text
//var currselecttext = document.all.objselect.options[document.all.objselect.selectedindex].text;
//9.得到select的当前选中项的index
//var currselectindex = document.all.objselect.selectedindex;
//10.清空select的项
// document.all.objselect.options.length = 0;
具体的实例可以查看js select多选列表传值代码
https://3water.com/article/21270.htm
Javascript 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
JavaScript实现给定时间相加天数的方法
Jan 25 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
Nov 07 Javascript
JavaScript制作弹出层效果
Dec 02 Javascript
微信小程序 地图map实例详解
Jun 07 Javascript
AngularJS实现自定义指令与控制器数据交互的方法示例
Jun 19 Javascript
基于node.js制作简单爬虫教程
Jun 29 Javascript
使用react-router4.0实现重定向和404功能的方法
Aug 28 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
Vue登录注册并保持登录状态的方法
Aug 17 Javascript
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
JavaScript 对象模型 执行模型
Dec 06 #Javascript
ASP Json Parser修正版
Dec 06 #Javascript
jquery ready函数源代码研究
Dec 06 #Javascript
javascript 模拟JQuery的Ready方法实现并出现的问题
Dec 06 #Javascript
javascript 动态生成私有变量访问器
Dec 06 #Javascript
JavaScript 加号(+)运算符号
Dec 06 #Javascript
javascript Demo模态窗口
Dec 06 #Javascript
You might like
探讨方法的重写(覆载)详解
2013/06/08 PHP
php上传图片获取路径及给表单字段赋值的方法
2016/01/23 PHP
PHP基于SPL实现的迭代器模式示例
2018/04/22 PHP
基于PHP实现发微博动态代码实例
2020/12/11 PHP
使用javascript访问XML数据的实例
2006/12/27 Javascript
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
jquery中获得元素尺寸和坐标的方法整理
2014/05/18 Javascript
jquery验证邮箱格式是否正确实例讲解
2015/11/16 Javascript
Angularjs中如何使用filterFilter函数过滤
2016/02/06 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
2016/07/20 Javascript
JS实现的验证身份证及获取地区功能示例
2017/01/16 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
2017/03/24 jQuery
JavaScript字符串检索字符的方法
2017/06/23 Javascript
python str与repr的区别
2013/03/23 Python
浅析python实现scrapy定时执行爬虫
2018/03/04 Python
python实现对输入的密文加密
2019/03/20 Python
Django框架登录加上验证码校验实现验证功能示例
2019/05/23 Python
使用Python快乐学数学Github万星神器Manim简介
2019/08/07 Python
python网络爬虫 Scrapy中selenium用法详解
2019/09/28 Python
django xadmin 管理器常用显示设置方式
2020/03/11 Python
Python Pandas list列表数据列拆分成多行的方法实现
2020/12/14 Python
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
Talbots官网:美国成熟女装品牌
2019/11/15 全球购物
哥德堡通行证:Gothenburg Pass
2019/12/09 全球购物
Java的接口和C++的虚类的相同和不同处
2014/03/27 面试题
我的求职计划书
2014/01/10 职场文书
最新茶叶店创业计划书
2014/01/14 职场文书
文秘班元旦晚会活动策划方案
2014/08/28 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
新教师个人总结
2015/02/06 职场文书
赢在中国观后感
2015/06/02 职场文书
python 对图片进行简单的处理
2021/06/23 Python
python playwrigh框架入门安装使用
2022/07/23 Python
HttpClient实现表单提交上传文件
2022/08/14 Java/Android
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers