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中的parseInt使用技巧
Sep 03 Javascript
JS+CSS实现一个气泡提示框
Aug 18 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
JS阻止用户多次提交示例代码
Mar 26 Javascript
简介JavaScript中的push()方法的使用
Jun 09 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 Javascript
JS实现的表格行上下移动操作示例
Aug 03 Javascript
Vue.js实现实例搜索应用功能详细代码
Aug 24 Javascript
vue2中使用less简易教程
Mar 27 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
Aug 30 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
Sep 04 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
乱谈我对耳机、音箱的感受
2021/03/02 无线电
php判断文件夹是否存在不存在则创建
2015/04/09 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
PHP递归的三种常用方式
2019/02/28 PHP
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
javascript中验证大写字母、数字和中文
2014/01/15 Javascript
javascript随机之洗牌算法深入分析
2014/06/07 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
2015/08/04 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
2016/02/03 Javascript
使用vue.js制作分页组件
2016/06/27 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
vue.js框架实现表单排序和分页效果
2017/08/09 Javascript
jquery实现倒计时小应用
2017/09/19 jQuery
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
2018/02/26 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
送你43道JS面试题(收藏)
2019/06/17 Javascript
用Vue.js在浏览器中实现裁剪图像功能
2019/06/18 Javascript
Vue使用mixin分发组件的可复用功能
2019/09/01 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
2019/09/06 Javascript
Vue父组件向子组件传值以及data和props的区别详解
2020/03/02 Javascript
uni-app使用微信小程序云函数的步骤示例
2020/05/22 Javascript
解决vue的touchStart事件及click事件冲突问题
2020/07/21 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
Django 添加静态文件的两种实现方法(必看篇)
2017/07/14 Python
python实现定时提取实时日志程序
2018/06/22 Python
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
python文件读写代码实例
2019/10/21 Python
python二元表达式用法
2019/12/04 Python
Python递归求出列表(包括列表中的子列表)的最大值实例
2020/02/27 Python
马来西亚最大的电器网站:Senheng
2017/10/13 全球购物
I.T中国官网:精选时尚设计师单品网购平台
2018/03/26 全球购物
古驰英国官网:GUCCI英国
2020/03/07 全球购物
大学生学习自我评价
2014/01/13 职场文书
Python语言中的数据类型-序列
2022/02/24 Python
apache ftpserver搭建ftp服务器
2022/05/20 Servers