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实例教程(19) 使用HoTMetal(7)
Dec 23 Javascript
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
Jul 17 Javascript
javascript删除数组元素并且数组长度减小的简单实例
Feb 14 Javascript
JavaScript打印网页指定区域的例子
May 03 Javascript
jQuery控制TR显示隐藏的三种常用方法
Aug 21 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
js 性能优化之快速响应的用户界面
Feb 15 Javascript
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
使用typescript改造koa开发框架的实现
Feb 04 Javascript
JS如何判断对象是否包含某个属性
Aug 29 Javascript
vue动态绑定style样式
Apr 20 Vue.js
点评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批量去除文件UTF8 BOM信息
2013/08/05 PHP
CentOS6.5 编译安装lnmp环境
2014/12/21 PHP
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
php mongodb操作类 带几个简单的例子
2016/08/25 PHP
php连接mysql数据库最简单的实现方法
2019/09/24 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
求解开jscript.encode代码的asp函数
2007/02/28 Javascript
jQuery 核心函数以及jQuery对象
2010/03/23 Javascript
js 上传图片预览问题
2010/12/06 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
jQuery对象与DOM对象之间的相互转换
2015/03/03 Javascript
深入理解JavaScript系列(21):S.O.L.I.D五大原则之接口隔离原则ISP详解
2015/03/05 Javascript
jQuery实现带分组数据的Table表头排序实例分析
2015/11/24 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
Vue.js学习笔记之修饰符详解
2017/07/25 Javascript
node实现定时发送邮件的示例代码
2017/08/26 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
JavaScript 装逼指南(js另类写法)
2020/05/10 Javascript
vue递归获取父元素的元素实例
2020/08/07 Javascript
Vue封装Axios请求和拦截器的步骤
2020/09/16 Javascript
[01:14:31]Secret vs VG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python中请使用isinstance()判断变量类型
2014/08/25 Python
利用Psyco提升Python运行速度
2014/12/24 Python
用Python编写一个简单的FUSE文件系统的教程
2015/04/02 Python
python栈的基本定义与使用方法示例【初始化、赋值、入栈、出栈等】
2019/10/24 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
护理自荐信范文
2013/10/05 职场文书
商业项目策划方案
2014/06/05 职场文书
党员教师四风自我剖析材料
2014/09/30 职场文书
普通党员整改措施
2014/10/24 职场文书
三八节活动简报
2015/07/20 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python