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 相关文章推荐
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
Sep 15 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
Aug 14 Javascript
jquery ajax修改全局变量示例代码
Nov 08 Javascript
node.js使用nodemailer发送邮件实例
Mar 10 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
初识angular框架后的所思所想
Feb 19 Javascript
快速掌握jQuery插件WebUploader文件上传
Nov 07 Javascript
JS组件系列之JS组件封装过程详解
Apr 28 Javascript
vue父子组件的嵌套的示例代码
Sep 08 Javascript
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
vue Tab切换以及缓存页面处理的几种方式
Nov 05 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
Jun 04 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
DedeCMS dede_channeltype表字段注释
2010/04/07 PHP
PHP中怎样保持SESSION不过期 原理及方案介绍
2013/08/08 PHP
PHP文件操作之获取目录下文件与计算相对路径的方法
2016/01/08 PHP
PHP自动生成缩略图函数的源码示例
2019/03/18 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
javascript 常用关键字列表集合
2007/12/04 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
2010/11/16 Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
2013/08/26 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
js字符串截取函数slice、substring和substr的比较
2016/05/17 Javascript
js 判断各种数据类型的简单方法(推荐)
2016/08/29 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
Webpack打包字体font-awesome的方法示例
2018/04/26 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
2019/05/10 Javascript
举例详解Python中循环语句的嵌套使用
2015/05/14 Python
Python自动化测试ConfigParser模块读写配置文件
2016/08/15 Python
python的dataframe和matrix的互换方法
2018/04/11 Python
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
详解python的四种内置数据结构
2019/03/19 Python
python七夕浪漫表白源码
2019/04/05 Python
使用python动态生成波形曲线的实现
2019/12/04 Python
Python tkinter实现图片标注功能(完整代码)
2019/12/08 Python
Python如何访问字符串中的值
2020/02/09 Python
Python通过socketserver处理多个链接
2020/03/18 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
Python Opencv图像处理基本操作代码详解
2020/08/31 Python
python 指定源路径来解决import问题的操作
2021/03/04 Python
SQL面试题
2013/12/09 面试题
会计核算科岗位职责
2014/03/19 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
看雷锋电影观后感
2015/06/10 职场文书
初中班级口号霸气押韵
2015/12/24 职场文书
新西兰:最新留学学习计划书写作指南
2019/07/15 职场文书
八年级作文之感恩
2019/11/22 职场文书