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 相关文章推荐
js异步加载的三种解决方案
Mar 04 Javascript
你必须知道的Javascript知识点之&quot;this指针&quot;的应用
Apr 23 Javascript
用jquery方法操作radio使其默认选项是否
Sep 10 Javascript
js中switch case循环实例代码
Dec 30 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
Dec 02 Javascript
jQuery表格插件datatables用法汇总
Mar 29 Javascript
Angular.js中控制器之间的传值详解
Apr 24 Javascript
手把手搭建安装基于windows的Vue.js运行环境
Jun 12 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
Oct 25 Javascript
js简单的分页器插件代码实例
Sep 11 Javascript
JavaScript 实现下雪特效的示例代码
Sep 09 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
全国FM电台频率大全 - 27 陕西省
2020/03/11 无线电
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
thinkPHP5实现的查询数据库并返回json数据实例
2017/10/23 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
Javascript与vbscript数据共享
2007/01/09 Javascript
jquery ready()的几种实现方法小结
2010/06/18 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
2016/06/16 Javascript
微信小程序 实现拖拽事件监听实例详解
2016/11/16 Javascript
基于JavaScript实现五子棋游戏
2020/08/26 Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
2019/09/10 Javascript
Vue实现星级评价效果实例详解
2019/12/30 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
Python的Flask框架标配模板引擎Jinja2的使用教程
2016/07/12 Python
Python编程产生非均匀随机数的几种方法代码分享
2017/12/13 Python
基于Python Numpy的数组array和矩阵matrix详解
2018/04/04 Python
Python图像处理之图像的读取、显示与保存操作【测试可用】
2019/01/04 Python
python3使用matplotlib绘制条形图
2020/03/25 Python
Python3+Appium安装使用教程
2019/07/05 Python
详解用Python为直方图绘制拟合曲线的两种方法
2019/08/21 Python
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
法国一家多品牌成衣精品中/高档商店:Graduate Store
2019/08/28 全球购物
求职者应聘的自我评价
2013/10/16 职场文书
行政前台岗位职责
2013/12/04 职场文书
护士思想汇报
2014/01/12 职场文书
留学自荐信写作方法
2014/01/27 职场文书
银行优秀员工事迹
2014/02/06 职场文书
上课打牌的检讨书
2014/02/15 职场文书
税务会计岗位职责
2014/02/18 职场文书
2014年教师业务学习材料
2014/05/12 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
新课培训心得体会
2014/09/03 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
假期安全教育广播稿
2014/10/04 职场文书
2015年乡镇平安建设工作总结
2015/05/13 职场文书
幼儿园毕业典礼家长致辞
2015/07/29 职场文书