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 相关文章推荐
addRule在firefox下的兼容写法
Nov 30 Javascript
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
Dec 08 Javascript
js类的静态属性和实例属性的理解
Oct 01 Javascript
兼容IE和FF的js脚本代码小结(比较常用)
Dec 06 Javascript
JavaScript中instanceof运算符的用法总结
Nov 19 Javascript
基于jquery实现表格无刷新分页
Jan 07 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
JavaScript判断输入是否为数字类型的方法总结
Sep 28 Javascript
jqgrid实现简单的单行编辑功能
Sep 30 Javascript
原生JavaScript实现拖动校验功能
Sep 29 Javascript
vue中defineProperty和Proxy的区别详解
Nov 30 Vue.js
vue响应式原理与双向数据的深入解析
Jun 04 Vue.js
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
JS异常处理try..catch语句的作用和实例
2014/05/05 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
PHP中遇到的时区问题解决方法
2015/07/23 PHP
PHP实现非阻塞模式的方法分析
2018/07/26 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
juqery 学习之四 筛选查找
2010/11/30 Javascript
js中escape对应的C#解码函数 UrlDecode
2012/12/16 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
2015/08/14 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
laydate日历控件使用方法详解
2017/11/20 Javascript
详解ES6通过WeakMap解决内存泄漏问题
2018/03/09 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
JS实现模糊查询带下拉匹配效果
2018/06/21 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
javascript实现切割轮播效果
2019/11/28 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
2020/01/06 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
可用于监控 mysql Master Slave 状态的python代码
2013/02/10 Python
python从入门到精通(DAY 1)
2015/12/20 Python
python list删除元素时要注意的坑点分享
2018/04/18 Python
对Python3 解析html的几种操作方式小结
2019/02/16 Python
详解Python数据分析--Pandas知识点
2019/03/23 Python
python实现键盘输入的实操方法
2019/07/16 Python
Python测试框架:pytest学习笔记
2020/10/20 Python
python 实现逻辑回归
2020/12/30 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
自愿离婚协议书范本
2015/01/26 职场文书
培训后的感想
2015/08/07 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
2021/05/25 HTML / CSS
mysql中关键词exists的用法实例详解
2022/06/10 MySQL