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简单实现滑动菜单效果的方法
Jul 27 Javascript
JS如何实现文本框随文本的长度而增长
Jul 30 Javascript
jquery获取所有选中的checkbox实现代码
May 26 Javascript
jQuery事件委托之Safari
Jul 05 Javascript
JS HTML5拖拽上传图片预览
Jul 18 Javascript
AngularJS入门教程之数据绑定用法示例
Nov 01 Javascript
Vue响应式原理详解
Apr 18 Javascript
详解angular路由高亮之RouterLinkActive
Apr 28 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 Javascript
vue获取时间戳转换为日期格式代码实例
Apr 17 Javascript
JavaScript中关于base64的一些事
May 06 Javascript
Vue中实现回车键切换焦点的方法
Feb 19 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动态生成VRML网页
2006/10/09 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
PHP实现的方程求解示例分析
2016/11/11 PHP
Javascript 变量作用域 两个可能会被忽略的小特性
2010/03/23 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
JS关键字球状旋转效果的实例代码
2013/11/29 Javascript
jquery序列化表单去除指定元素示例代码
2014/04/10 Javascript
JS长整型精度问题实例分析
2015/01/13 Javascript
jQuery实现鼠标划过添加和删除class的方法
2015/06/26 Javascript
jQuery树形控件zTree使用小结
2016/08/02 Javascript
jQuery 判断元素整理汇总
2017/02/28 Javascript
JavaScript函数中的this四种绑定形式
2017/08/15 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
详解plotly.js 绘图库入门使用教程
2018/02/23 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
微信上传视频文件提示(推荐)
2018/11/22 Javascript
如何用RxJS实现Redux Form
2018/12/29 Javascript
jQuery+ajax实现批量删除功能完整示例
2019/06/06 jQuery
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
2020/03/10 Javascript
python登录QQ邮箱发信的实现代码
2013/02/10 Python
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
六个窍门助你提高Python运行效率
2015/06/09 Python
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
Python编程实现控制cmd命令行显示颜色的方法示例
2017/08/14 Python
python Flask实现restful api service
2017/12/04 Python
python将音频进行变速的操作方法
2020/04/08 Python
Python Serial串口基本操作(收发数据)
2020/11/06 Python
比利时香水网上商店:NOTINO
2018/03/28 全球购物
农民工创业典型事迹
2014/01/25 职场文书
五年级数学教学反思
2014/02/11 职场文书
《再别康桥》教学反思
2014/02/12 职场文书
王老吉广告词
2014/03/20 职场文书
董事长助理工作职责范本
2014/07/01 职场文书
出售房屋协议书范本
2014/10/06 职场文书
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS
python小型的音频操作库mp3Play
2022/04/24 Python