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 相关文章推荐
jQuery简单设置文本框回车事件的方法
Aug 01 Javascript
浅谈JavaScript异步编程
Jan 20 Javascript
js事件冒泡与事件捕获详解
Feb 20 Javascript
非常实用的vue导航钩子
Mar 20 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 Javascript
JS温故而知新之变量提升和时间死区
Jan 27 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
Feb 20 Javascript
简谈创建React Component的几种方式
Jun 15 Javascript
15 分钟掌握vue-next响应式原理
Oct 13 Javascript
vue实现简单瀑布流布局
May 28 Javascript
36个正则表达式(开发效率提高80%)
Nov 17 Javascript
点评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+mysqli使用预处理技术进行数据库查询的方法
2015/01/28 PHP
php需登录的文件上传管理系统
2020/03/21 PHP
用js实现计算加载页面所用的时间
2010/04/02 Javascript
网站404页面3秒后跳到首页的实例代码
2013/08/16 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
2014/07/02 Javascript
jquery中attr和prop的区别分析
2015/03/16 Javascript
使用AngularJS实现可伸缩的页面切换的方法
2015/06/19 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
Centos7 中 Node.js安装简单方法
2016/11/02 Javascript
Bootstrap table简单使用总结
2017/02/15 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
小程序实现层叠卡片滑动效果
2019/08/26 Javascript
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
Python3实现的字典遍历操作详解
2018/04/18 Python
使用Python操作FTP实现上传和下载的方法
2019/04/01 Python
python通过TimedRotatingFileHandler按时间切割日志
2019/07/17 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
使用phonegap操作数据库的实现方法
2017/03/31 HTML / CSS
英国家庭和商业健身器材购物网站:Fitness Options
2018/07/05 全球购物
日本亚马逊官方网站:Amazon.co.jp
2020/04/14 全球购物
Java里面如何创建一个内部类的实例
2015/01/19 面试题
如何写毕业求职自荐信
2013/11/06 职场文书
大学生自我鉴定评语
2014/01/27 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
实训报告范文大全
2014/11/04 职场文书
2015年管理人员工作总结
2015/05/13 职场文书
2016年社会主义核心价值观心得体会
2016/01/21 职场文书
四年级数学教学反思
2016/02/16 职场文书
MySQL Innodb索引机制详细介绍
2021/11/23 MySQL
SQL Server中使用表变量和临时表
2022/05/20 SQL Server