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 相关文章推荐
JQuery实现鼠标滑过显示导航下拉列表
Sep 12 Javascript
原始XMLHttpRequest方法详情回顾
Nov 28 Javascript
jquery获得option的值和对option进行操作
Dec 13 Javascript
angularjs的一些优化小技巧
Dec 06 Javascript
javascript中setInterval的用法
Jul 19 Javascript
基于jQuery实现的QQ表情插件
Aug 25 Javascript
javascript实现自动输出文本(打字特效)
Aug 27 Javascript
跟我学习javascript的隐式强制转换
Nov 16 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
Dec 28 Javascript
js对字符串进行编码的方法总结(推荐)
Nov 10 Javascript
jQuery焦点图左右转换效果
Dec 12 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
Apr 20 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中截取中文字符串的代码小结
2011/07/17 PHP
第六章 php目录与文件操作
2011/12/30 PHP
PHP中如何调用webservice的实例参考
2013/04/25 PHP
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
JS的replace方法介绍
2012/10/20 Javascript
基于jquery实现拆分姓名的方法(纯JS版)
2013/05/08 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
2014/11/28 Javascript
node.js中的http.request.end方法使用说明
2014/12/10 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
javascript正则表达式模糊匹配IP地址功能示例
2017/01/06 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
2017/04/19 Javascript
JS触摸与手势事件详解
2017/05/09 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
js编写简单的聊天室功能
2017/08/17 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
jQuery时间戳和日期相互转换操作示例
2018/12/07 jQuery
layer提示框添加多个按钮选择的实例
2019/09/12 Javascript
Layui Form 自定义验证的实例代码
2019/09/14 Javascript
python抽象基类用法实例分析
2015/06/04 Python
利用 python 对目录下的文件进行过滤删除
2017/12/27 Python
python爬取微信公众号文章的方法
2019/02/26 Python
Python使用Pandas库实现MySQL数据库的读写
2019/07/06 Python
详解python中各种文件打开模式
2020/01/19 Python
常用python爬虫库介绍与简要说明
2020/01/25 Python
pytorch梯度剪裁方式
2020/02/04 Python
django ORM之values和annotate使用详解
2020/05/19 Python
美国高端婴童品牌:Hanna Andersson
2016/10/30 全球购物
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
写一个函数,求一个字符串的长度。在main函数中输入字符串,并输出其长度
2015/11/18 面试题
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
政协委员个人总结
2015/03/03 职场文书
2015年乡镇发展党员工作总结
2015/03/31 职场文书
Python实现简单的猜单词
2021/06/15 Python
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python