js获取select默认选中的Option并不是当前选中值


Posted in Javascript onMay 07, 2014

js函数方法:

<script> 
function getDefaultSelectedOption(selectId, valIfNull) { 
var dom, selectId = selectId.replace(/^#/, ''), opts; 
try { 
opts = document.getElementById(selectId).getElementsByTagName('option'); 
for (var i in opts) { 
if (opts[i].defaultSelected) { 
dom = opts[i]; 
break; 
} 
} 
} catch (e) { 
} 
return dom||valIfNull; 
} 
</script>

Demo:
<body> 
<select id="sel"> 
<option value="1">1</option> 
<option value="2" selected="">2</option> 
<option value="3">3</option> 
</select> 
<button id="btn">test</button> 
<script> 
function getDefaultSelectedOption(selectId, valIfNull) { 
var dom, selectId = selectId.replace(/^#/, ''), opts; 
try { 
opts = document.getElementById(selectId).getElementsByTagName('option'); 
for (var i in opts) { 
if (opts[i].defaultSelected) { 
dom = opts[i]; 
break; 
} 
} 
} catch (e) { 
} 
return dom||valIfNull; 
} 
</script> 
<script> 
document.getElementById('btn').onclick = function () { 
alert((getDefaultSelectedOption('sel1', {})).value); 
}; 
</script> 
</body>

不知道还有没有更方便快捷的方法,曾尝试通过jQuery获取$('#sel option[defaultSelected]'),可一直返回空。

各位园友,我要的是select控件初始化的值,非select当前选中的值,初始化的值不随select值改变,大家可以做一下Demo,当select值改变后,初始化的值是不会变的。

Javascript 相关文章推荐
js 获取计算后的样式写法及注意事项
Feb 25 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 Javascript
基于jQuery实现多层次的手风琴效果附源码
Sep 21 Javascript
jQuery实现调整表格单列顺序完整实例
Jun 20 Javascript
jQuery实现select模糊查询(反射机制)
Jan 14 Javascript
微信小程序 视图容器组件的详解及实例代码
Jan 19 Javascript
JS中将多个逗号替换为一个逗号的实现代码
Jun 23 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 Javascript
在vue中使用Autoprefixed的方法
Jul 27 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
Apr 25 Javascript
echarts多条折线图动态分层的实现方法
May 24 Javascript
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
iframe子页面与父页面在同域或不同域下的js通信
May 07 #Javascript
jquery文本框中的事件应用以输入邮箱为例
May 06 #Javascript
jquery删除数据记录时的弹出提示效果
May 06 #Javascript
js单词形式的运算符
May 06 #Javascript
js函数调用的方式
May 06 #Javascript
js使用ajax读博客rss示例
May 06 #Javascript
Android中的jQuery:AQuery简介
May 06 #Javascript
You might like
几个php应用技巧
2008/03/27 PHP
ThinkPHP中关联查询实例
2014/12/02 PHP
PHP执行linux命令常用函数汇总
2016/02/02 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
JavaScript 比较时间大小的代码
2010/04/24 Javascript
JavaScript入门之对象与JSON详解
2011/10/21 Javascript
js比较和逻辑运算符的介绍
2013/03/10 Javascript
jquery map方法使用示例
2014/04/23 Javascript
JS实现的另类手风琴效果网页内容切换代码
2015/09/08 Javascript
Javascript 字符串模板的简单实现
2016/02/13 Javascript
Nodejs抓取html页面内容(推荐)
2016/08/11 NodeJs
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
2016/12/15 Javascript
js实现的在线调色板功能完整实例
2016/12/21 Javascript
Vue.js路由vue-router使用方法详解
2017/03/20 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
vue2中filter()的实现代码
2017/07/09 Javascript
VUE实现表单元素双向绑定(总结)
2017/08/08 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
2017/09/20 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
python将字符串转换成数组的方法
2015/04/29 Python
pyqt5自定义信号实例解析
2018/01/31 Python
Python实现对特定列表进行从小到大排序操作示例
2019/02/11 Python
详解django+django-celery+celery的整合实战
2019/03/19 Python
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
分布式数据库需要考虑哪些问题
2013/12/08 面试题
银行实习人员自我鉴定
2013/09/22 职场文书
简短的公司员工自我评价分享
2013/11/13 职场文书
党校个人自我鉴定范文
2014/03/28 职场文书
酒店管理毕业生自荐信
2014/05/25 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
2015年小学数学教研组工作总结
2015/05/21 职场文书
2015年创先争优工作总结
2015/05/23 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书