JS设置下拉列表框当前所选值的方法


Posted in Javascript onDecember 22, 2015

本文实例讲述了JS设置下拉列表框当前所选值的方法。分享给大家供大家参考,具体如下:

1. JS代码:

function setSelectOption(objId, targetValue){
//objid:下拉列表框的ID;targetValue:当前所选值
 var obj = document.getElementById(objId);
 if(obj){
  var options = obj.options;
  if(options){
   var len = options.length;
   for(var i=0;i<len;i++){
    if(options[i].value == targetValue){
     options[i].defaultSelected = true;
     options[i].selected = true;
     return true;
    }
   }
  } else {
   alert('missing element(s)!');
  }
 } else {
  alert('missing element(s)!');
 }
}

2.在JSP中设置下拉列表框的当前选择项

<select>
  <option value="1" <%if(sesssionValue==1){%> selected="selected"<%}%>>1:b </option>
  <option value="2" <%if(sesssionValue==2){%> selected="selected"<%}%>>2:b </option>
  <option value="3" <%if(sesssionValue==3){%> selected="selected"<%}%>>3:c </option>
  <option value="4" <%if(sesssionValue==4){%> selected="selected"<%}%>>4:d </option>
</select>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
如何用javascript去掉字符串里的所有空格
Feb 08 Javascript
javascript 二维数组的实现与应用
Mar 16 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
Mar 01 Javascript
捕获键盘事件(且兼容各浏览器)
Jul 03 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
jquery进行数组遍历如何跳出当前的each循环
Jun 05 Javascript
PHP结合jQuery实现红蓝投票功能特效
Jul 22 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
Dec 28 Javascript
JavaScript 巧学巧用
May 23 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
Apr 14 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
点评js异步加载的4种方式
Dec 22 #Javascript
JS模拟按钮点击功能的方法
Dec 22 #Javascript
jquery插件jquery.confirm弹出确认消息
Dec 22 #Javascript
js实现仿微博滚动显示信息的效果
Dec 21 #Javascript
Javascript实现Array和String互转换的方法
Dec 21 #Javascript
图解Sublime Text3使用技巧
Dec 21 #Javascript
七个不允许错过的jQuery小技巧
Dec 21 #Javascript
You might like
php中curl使用指南
2015/02/05 PHP
Nginx下配置codeigniter框架方法
2015/04/07 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
PHP利用Mysql锁解决高并发的方法
2018/09/04 PHP
微信推送功能实现方式图文详解
2019/07/12 PHP
在laravel中实现将查询的对象转换为多维数组的函数
2019/10/21 PHP
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
利用WebBrowser彻底解决Web打印问题(包括后台打印)
2009/06/22 Javascript
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
2011/03/01 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
基于javascript实现的搜索时自动提示功能
2014/12/26 Javascript
JQuery实现的图文自动轮播效果插件
2015/06/19 Javascript
ClearTimeout消除闪动实例代码
2016/02/29 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
2016/11/07 Javascript
详解nodejs中exports和module.exports的区别
2017/02/17 NodeJs
微信小程序 首页制作简单实例
2017/04/07 Javascript
Angular.js中定时器循环的3种方法总结
2017/04/27 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
浅析vue-router原理
2018/10/19 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
使用Python和Prometheus跟踪天气的使用方法
2019/05/06 Python
Python多线程模块Threading用法示例小结
2019/11/09 Python
自学python用什么系统好
2020/06/23 Python
Python Unittest原理及基本使用方法
2020/11/06 Python
美国中小型企业领先的办公家具供应商:Office Designs
2016/11/26 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
会计电算化应届生自荐信
2014/02/25 职场文书
赔偿协议书范本
2014/04/15 职场文书
甲午大海战观后感
2015/06/02 职场文书
《搭石》教学反思
2016/02/18 职场文书
倡议书怎么写?
2019/04/11 职场文书
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python