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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
Nov 30 Javascript
jquery.post用法关于type设置问题补充
Jan 03 Javascript
JavaScript iframe数据共享接口实现方法
Jan 06 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
Aug 02 Javascript
fullpage.js全屏滚动插件使用实例
Sep 06 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
Nov 28 Javascript
bootstrap weebox 支持ajax的模态弹出框
Feb 23 Javascript
微信小程序 Animation实现图片旋转动画示例
Aug 22 Javascript
vue+axios 前端实现的常用拦截的代码示例
Aug 23 Javascript
node中使用log4js4.x版本记录日志的方法
Aug 20 Javascript
Vue 的双向绑定原理与用法揭秘
May 06 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
PHP截断标题且兼容utf8和gb2312编码
2013/09/22 PHP
初识PHP中的Swoole
2016/04/05 PHP
php文件类型MIME对照表(比较全)
2016/10/07 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
php实现微信支付之现金红包
2018/05/30 PHP
js中document.getElementByid、document.all和document.layers区分介绍
2011/12/08 Javascript
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
[原创]推荐10款最热门jQuery UI框架
2014/08/19 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
基于jQuery代码实现圆形菜单展开收缩效果
2017/02/13 Javascript
AngularJS中scope的绑定策略实例分析
2017/10/30 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
vue实现组件之间传值功能示例
2018/07/13 Javascript
详解easyui基于 layui.laydate日期扩展组件
2018/07/18 Javascript
微信小程序实现省市区三级地址选择
2020/06/21 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
详解javascript对数组和json数组的操作
2019/04/15 Javascript
JS 自执行函数原理及用法
2019/08/05 Javascript
[03:02]生活中的Dendi之野外度假篇
2016/08/09 DOTA
在CentOS上配置Nginx+Gunicorn+Python+Flask环境的教程
2016/06/07 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
python使用suds调用webservice接口的方法
2019/01/03 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
对Python的交互模式和直接运行.py文件的区别详解
2019/06/29 Python
python实现淘宝购物系统
2019/10/25 Python
快速查找Python安装路径方法
2020/02/06 Python
Python根据指定文件生成XML的方法
2020/06/29 Python
用python写一个带有gui界面的密码生成器
2020/11/06 Python
您在慕尼黑的跑步商店:Lauf-bar
2019/10/11 全球购物
环保建议书作文
2014/03/12 职场文书
家属慰问信
2015/02/14 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
python和anaconda的区别
2022/05/06 Python