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 相关文章推荐
静态页面的值传递(三部曲)
Sep 25 Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
js网页滚动条滚动事件实例分析
May 05 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 Javascript
基于JS模仿windows文件按名称排序效果
Jun 29 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
基于vue-cli创建的项目的目录结构及说明介绍
Nov 23 Javascript
vue中keep-alive内置组件缓存的实例代码
Apr 16 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 auth_http类库进行身份效验
2009/03/19 PHP
php批量缩放图片的代码[ini参数控制]
2011/02/11 PHP
PHP用strstr()函数阻止垃圾评论(通过判断a标记)
2013/09/28 PHP
php四种定界符详解
2017/02/16 PHP
PHP用正则匹配form表单中所有元素的类型和属性值实例代码
2017/02/28 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
三种检测iPhone/iPad设备方向的方法
2014/04/23 Javascript
javascript数组排序汇总
2015/07/07 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
jquery实现提示语淡入效果
2017/05/05 jQuery
webpack进阶——缓存与独立打包的用法
2017/08/02 Javascript
Vue打包后出现一些map文件的解决方法
2018/02/13 Javascript
vue实现弹幕功能
2019/10/25 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
2020/05/19 Javascript
JS制作简易计算器的实例代码
2020/07/04 Javascript
vue-router 按需加载 component: () =&gt; import() 报错的解决
2020/09/22 Javascript
[47:43]Alliance vs KG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
简明 Python 基础学习教程
2007/02/08 Python
Python自动重试HTTP连接装饰器
2015/04/28 Python
Python对列表排序的方法实例分析
2015/05/16 Python
基于Python函数的作用域规则和闭包(详解)
2017/11/29 Python
Flask解决跨域的问题示例代码
2018/02/12 Python
TensorFlow saver指定变量的存取
2018/03/10 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
python分块读取大数据,避免内存不足的方法
2018/12/10 Python
python 解决tqdm模块不能单行显示的问题
2020/02/19 Python
CSS3实现背景透明文字不透明的示例代码
2018/06/25 HTML / CSS
html5简介及新增功能介绍
2020/05/18 HTML / CSS
台湾三立电视电商平台:电电购
2019/09/09 全球购物
旅游管理本科生求职信
2013/10/14 职场文书
高中的自我鉴定
2013/12/16 职场文书
幼儿园门卫岗位职责范本
2014/07/02 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
二年级语文下册复习计划
2015/01/19 职场文书
回复函范文
2015/07/14 职场文书