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 相关文章推荐
JavaScript获取GridView选择的行内容
Apr 14 Javascript
javascript 面向对象全新理练之继承与多态
Dec 03 Javascript
JavaScript模板引擎用法实例
Jul 10 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
Oct 10 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
jQuery Ztree行政地区树状展示(点击加载)
Nov 09 Javascript
Angular实现下拉框模糊查询功能示例
Jan 03 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
详解Koa中更方便简单发送响应的方式
Jul 20 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
Apr 29 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 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迅雷、快车、旋风下载专用链转换代码
2010/06/15 PHP
PHP中开发XML应用程序之基础篇 添加节点 删除节点 查询节点 查询节
2010/07/09 PHP
php.ini-dist 和 php.ini-recommended 的区别介绍(方便开发与安全的朋友)
2012/07/01 PHP
PHP贪婪算法解决0-1背包问题实例分析
2015/03/23 PHP
PHP常用的排序和查找算法
2015/08/06 PHP
PHP使用PDO操作数据库的乱码问题解决方法
2016/04/08 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
php使用pecl方式安装扩展操作示例
2019/08/12 PHP
extjs 为某个事件设置拦截器
2010/01/15 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
2010/11/14 Javascript
jquery中动态效果小结
2010/12/16 Javascript
js操作css属性实现div层展开关闭效果的方法
2015/05/11 Javascript
使用JavaScript的AngularJS库编写hello world的方法
2015/06/23 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
2017/05/09 Javascript
解决vue中对象属性改变视图不更新的问题
2018/02/23 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
2019/08/14 Javascript
[04:03]DOTA2肉山黑名单梦之声 风暴之灵中文配音鉴赏
2013/07/03 DOTA
python+mysql实现简单的web程序
2014/09/11 Python
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
dpn网络的pytorch实现方式
2020/01/14 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
jupyter notebook tensorflow打印device信息实例
2020/04/20 Python
pandas的resample重采样的使用
2020/04/24 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
python用700行代码实现http客户端
2021/01/14 Python
Canvas与图片压缩的示例代码
2017/11/28 HTML / CSS
HTML5 层的叠加的实现
2020/07/07 HTML / CSS
日本亚马逊官方网站:Amazon.co.jp
2020/04/14 全球购物
金融专业毕业生推荐信
2013/11/26 职场文书
电脑饰品店的创业计划书
2014/01/21 职场文书
意向书范文
2014/03/31 职场文书
详细谈谈MYSQL中的COLLATE是什么
2021/06/11 MySQL
mysql 索引合并的使用
2021/08/30 MySQL