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面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
window.open 以post方式传递参数示例代码
Feb 27 Javascript
jQuery入门介绍之基础知识
Jan 13 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
Oct 13 Javascript
JavaScript和jQuery制作光棒效果
Feb 24 Javascript
详解vuejs几种不同组件(页面)间传值的方式
Jun 01 Javascript
vue2.0 keep-alive最佳实践
Jul 06 Javascript
详解使用路由延迟加载 Angular 模块
Oct 12 Javascript
vue 中引用gojs绘制E-R图的方法示例
Aug 24 Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 Javascript
JS异步宏队列与微队列原理区别详解
Jul 02 Javascript
详解JS数组方法
Nov 20 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
VOLVO车载收音机
2021/03/02 无线电
php 冒泡排序 交换排序法
2011/05/10 PHP
PHP 二维关联数组根据其中一个字段排序(推荐)
2017/04/04 PHP
jQuery实现的类flash菜单效果代码
2010/05/17 Javascript
jquery slibings选取同级其他元素的实现代码
2013/11/15 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
2016/03/01 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
2016/05/04 Javascript
JavaScript实现无穷滚动加载数据
2017/05/06 Javascript
vue2.0 中#$emit,$on的使用详解
2017/06/07 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
2017/06/19 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
2017/10/25 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
vue中h5端打开app(判断是安卓还是苹果)
2021/02/26 Vue.js
Python yield使用方法示例
2013/12/04 Python
在Python的Django框架中编写编译函数
2015/07/20 Python
Python 闭包的使用方法
2017/09/07 Python
python matplotlib坐标轴设置的方法
2017/12/05 Python
python opencv设置摄像头分辨率以及各个参数的方法
2018/04/02 Python
python运行时强制刷新缓冲区的方法
2019/01/14 Python
Python Web框架之Django框架文件上传功能详解
2019/08/16 Python
python用700行代码实现http客户端
2021/01/14 Python
钉钉企业内部H5微应用开发详解
2020/05/12 HTML / CSS
《胡杨》教学反思
2014/02/16 职场文书
大三学习计划书范文
2014/05/02 职场文书
青年安全生产示范岗事迹材料
2014/05/04 职场文书
五一劳动节演讲稿
2014/09/12 职场文书
民政局离婚协议书范本
2014/10/20 职场文书
小学五年级语文上册教学计划
2015/01/22 职场文书
2015年万圣节活动总结
2015/03/24 职场文书
丧事主持词
2015/07/02 职场文书
幼儿园2016年圣诞活动总结
2016/03/31 职场文书
十大经典日本动漫排行榜 海贼王第三,犬夜叉仅第八
2022/03/18 日漫
MySQL性能指标TPS+QPS+IOPS压测
2022/08/05 MySQL