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 prototype,executing,context,closure
Dec 24 Javascript
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
YUI Compressor压缩JavaScript原理及微优化
Jan 07 Javascript
jQuery实现菜单式图片滑动切换
Mar 14 Javascript
JS弹出对话框实现方法(三种方式)
Dec 18 Javascript
Angular 中 select指令用法详解
Sep 29 Javascript
jstl中判断list中是否包含某个值的简单方法
Oct 14 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
简述jQuery Easyui一些用法
Aug 01 jQuery
vue中遇到的坑之变化检测问题(数组相关)
Oct 13 Javascript
vue实现评论列表功能
Oct 25 Javascript
实现一个Vue自定义指令懒加载的方法示例
Jun 04 Javascript
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
几种显示数据的方法的比较
2006/10/09 PHP
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
PHP生成带有雪花背景的验证码
2008/09/28 PHP
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
js 鼠标拖动对象 可让任何div实现拖动效果
2009/11/09 Javascript
在javascript中实现函数数组的方法
2013/12/25 Javascript
JS将制定内容复制到剪切板示例代码
2014/02/11 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
2014/05/28 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
require.js中的define函数详解
2017/07/10 Javascript
JS中appendChild追加子节点无效的解决方法
2018/10/14 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
详解vue-property-decorator使用手册
2019/07/29 Javascript
vue props 一次传多个值实例
2020/07/22 Javascript
[02:54]DOTA2亚洲邀请赛 VG战队出场宣传片
2015/02/07 DOTA
python获取指定路径下所有指定后缀文件的方法
2015/05/26 Python
python实现给数组按片赋值的方法
2015/07/28 Python
python 队列详解及实例代码
2016/10/18 Python
根据DataFrame某一列的值来选择具体的某一行方法
2018/07/03 Python
Python面向对象之继承和多态用法分析
2019/06/08 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
ASOS英国官网:英国在线时装和化妆品零售商
2017/05/19 全球购物
公司业务主管岗位职责
2013/12/07 职场文书
销售部主管岗位职责
2013/12/18 职场文书
办公室前台岗位职责
2014/01/04 职场文书
2014年党的群众路线整改措施思想汇报
2014/10/12 职场文书
小学四年级学生评语
2014/12/26 职场文书
档案接收函格式
2015/01/30 职场文书
在校生证明
2015/06/17 职场文书
董事长开业致辞
2015/07/29 职场文书
2019年员工旷工保证书!
2019/06/28 职场文书
创业分两种人:那么哪些适合创业?,哪些适合不适合创业呢?
2019/08/23 职场文书
Python基础之元类详解
2021/04/29 Python
微信小程序实现聊天室功能
2021/06/14 Javascript