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 相关文章推荐
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
Apr 15 Javascript
不使用ajax实现无刷新提交表单
Dec 21 Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
新手vue构建单页面应用实例代码
Sep 18 Javascript
JS学习笔记之原型链和利用原型实现继承详解
May 29 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
Jul 10 Javascript
小程序实现层叠卡片滑动效果
Aug 26 Javascript
Vue+element+cookie记住密码功能的简单实现方法
Sep 20 Javascript
Openlayers实现地图全屏显示
Sep 28 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
Dec 26 Vue.js
jquery实现广告上下滚动效果
Mar 04 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和ACCESS写聊天室(六)
2006/10/09 PHP
BOOM vs RR BO3 第一场2.13
2021/03/10 DOTA
js DOM模型操作
2009/12/28 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
2013/01/04 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
2013/10/22 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
jQuery获取与设置iframe高度的方法
2016/08/01 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
整理关于Bootstrap过渡动画的慕课笔记
2017/03/29 Javascript
了解VUE的render函数的使用
2017/06/08 Javascript
JS中offset和匀速动画详解
2018/02/06 Javascript
Vue.use源码学习小结
2018/06/20 Javascript
VUE 解决mode为history页面为空白的问题
2019/11/01 Javascript
python用Pygal如何生成漂亮的SVG图像详解
2017/02/10 Python
python机器学习实战之最近邻kNN分类器
2017/12/20 Python
python爬取淘宝商品销量信息
2018/11/16 Python
详解python配置虚拟环境
2019/04/08 Python
Python3.5集合及其常见运算实例详解
2019/05/01 Python
Python Numpy计算各类距离的方法
2019/07/05 Python
简单易懂Pytorch实战实例VGG深度网络
2019/08/27 Python
Python通过cv2读取多个USB摄像头
2019/08/28 Python
Django框架反向解析操作详解
2019/11/28 Python
深入浅析python的第三方库pandas
2020/02/13 Python
Python+OpenCV检测灯光亮点的实现方法
2020/11/02 Python
为您的家、后院、车库等在线购物:Spreetail
2019/06/17 全球购物
同步和异步有何异同,在什么情况下分别使用他们
2013/04/09 面试题
思想汇报范文
2013/11/04 职场文书
出生证明公证书
2014/04/09 职场文书
教师业务培训方案
2014/05/01 职场文书
酒店节能减排方案
2014/05/26 职场文书
保护水资源的标语
2014/06/17 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
2014年纪检工作总结
2014/11/12 职场文书
大学毕业谢师宴致辞
2015/07/27 职场文书
JavaScript数组 几个常用方法总结
2021/11/11 Javascript