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 相关文章推荐
另类调用flash无须激活的方法
Dec 27 Javascript
Javascript 兼容firefox的一些问题
May 21 Javascript
javascript iframe编程相关代码
Dec 28 Javascript
Javascript 读书笔记索引贴
Jan 11 Javascript
由Javascript实现的页面日历
Nov 04 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
Dec 23 Javascript
node.js中的querystring.stringify方法使用说明
Dec 10 Javascript
Javascript闭包用法实例分析
Jan 23 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
Feb 17 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
Aug 04 Javascript
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
Json实现传值到后台代码实例
Jun 30 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
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
ie与session丢失(新窗口cookie丢失)实测及解决方案
2013/07/15 PHP
php简单处理XML数据的方法示例
2017/05/19 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
php判断某个方法是否存在函数function_exists (),method_exists()与is_callable()区别与用法解析
2020/04/20 PHP
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)
2012/08/22 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
iview实现select tree树形下拉框的示例代码
2018/12/21 Javascript
JS实现简单tab选项卡切换
2019/10/25 Javascript
详解javascript中var与ES6规范中let、const区别与用法
2020/01/11 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
详解JavaScript中的链式调用
2020/11/27 Javascript
python网络编程学习笔记(九):数据库客户端 DB-API
2014/06/09 Python
python打开网页和暂停实例
2014/09/30 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
详解用Python实现自动化监控远程服务器
2019/05/18 Python
对numpy下的轴交换transpose和swapaxes的示例解读
2019/06/26 Python
python用match()函数爬数据方法详解
2019/07/23 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
关于Python turtle库使用时坐标的确定方法
2020/03/19 Python
PyCharm中如何直接使用Anaconda已安装的库
2020/05/28 Python
pytorch实现查看当前学习率
2020/06/24 Python
Python代码注释规范代码实例解析
2020/08/14 Python
HTML中fieldset标签概述及使用方法
2013/02/01 HTML / CSS
计算机专业学生求职信分享
2013/12/15 职场文书
《分一分》教学反思
2014/04/13 职场文书
爱情保证书大全
2014/04/29 职场文书
软件项目实施计划书
2014/05/02 职场文书
2014财务年度工作总结
2014/11/11 职场文书
青年志愿者服务活动总结
2015/05/06 职场文书
Django实现drf搜索过滤和排序过滤
2021/06/21 Python
python前后端自定义分页器
2022/04/13 Python