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实现ichat在线客服插件
Dec 29 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
Mar 24 Javascript
JavaScript中的Math.atan2()方法使用详解
Jun 15 Javascript
javascript背景时钟实现方法
Jun 18 Javascript
javascript下使用Promise封装FileReader
Feb 19 Javascript
去除html代码里面的script正则方法
May 19 Javascript
JavaScript实现刷新不重记的倒计时
Aug 10 Javascript
Es6 Generator函数详细解析
Feb 24 Javascript
微信小程序实现分享朋友圈的图片功能示例
Jan 18 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 Javascript
weui中的picker使用js进行动态绑定数据问题
Nov 06 Javascript
javascript前端和后台进行数据交互方法示例
Aug 07 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实现以只读方式打开文件的方法
2015/03/16 PHP
WordPress中用于获取搜索表单的PHP函数使用解析
2016/01/05 PHP
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
jQuery 学习第五课 Ajax 使用说明
2010/05/17 Javascript
常见浏览器多长时间会提示“脚本运行时间过长”总结
2014/04/29 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
JavaScript获取页面中第一个锚定文本的方法
2015/04/03 Javascript
使用AJAX实现Web页面进度条的实例分享
2016/05/06 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
2016/09/13 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
详解Vue2.0之去掉组件click事件的native修饰
2017/04/20 Javascript
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
微信小程序实现简单评论功能
2018/11/28 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
2019/09/10 Javascript
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
Vue简单实现原理详解
2020/05/07 Javascript
Python实现爬取知乎神回复简单爬虫代码分享
2015/01/04 Python
仅利用30行Python代码来展示X算法
2015/04/01 Python
Python使用cx_Oracle模块操作Oracle数据库详解
2018/05/07 Python
python实战教程之自动扫雷
2018/07/13 Python
关于Python-faker的函数效果一览
2019/11/28 Python
Python实现爬取并分析电商评论
2020/06/19 Python
python 对象真假值的实例(哪些视为False)
2020/12/11 Python
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
css3编写浏览器背景渐变背景色的方法
2018/03/05 HTML / CSS
HTML5 本地存储 LocalStorage详解
2016/06/24 HTML / CSS
YBF Beauty官网:美丽挚友,美国知名彩妆品牌
2020/11/22 全球购物
.net软件工程师面试题
2015/03/31 面试题
教师产假请假条
2014/04/10 职场文书
运动会广播稿诗歌版
2014/09/12 职场文书
好好学习保证书
2015/02/26 职场文书
十大经典日本动漫排行榜 海贼王第三,犬夜叉仅第八
2022/03/18 日漫
使用python绘制横竖条形图
2022/04/21 Python