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 相关文章推荐
基于jquery的时间段实现代码
Aug 02 Javascript
JavaScript建立一个语法高亮输入框实现思路
Feb 26 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
javascript实现动态标签云
Oct 16 Javascript
JS实现状态栏跑马灯文字效果代码
Oct 24 Javascript
Jquery实现仿京东商城省市联动菜单
Nov 19 Javascript
jQuery添加options点击事件并传值实例代码
May 18 Javascript
通过扫描二维码打开app的实现代码
Nov 10 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
详解Vue底部导航栏组件
May 02 Javascript
vue-socket.io跨域问题有效解决方法
Feb 11 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 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
CI框架给视图添加动态数据
2014/12/01 PHP
ucenter通信原理分析
2015/01/09 PHP
PHP中Closure类的使用方法及详解
2015/10/09 PHP
讲解WordPress中用于获取评论模板和搜索表单的PHP函数
2015/12/28 PHP
PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
2016/01/09 PHP
PHP使用微信开发模式实现搜索已发送图文及匹配关键字回复的方法
2017/09/13 PHP
JavaScript的面向对象方法以及差别
2008/03/31 Javascript
一段利用WSH修改和查看IP配置的代码
2008/05/11 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
通过onmouseover选项卡实现img图片的变化
2014/02/12 Javascript
基于jQuery实现左侧菜单栏可折叠功能
2016/12/27 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
2017/06/28 Javascript
微信小程序scroll-view实现字幕滚动
2018/07/14 Javascript
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
vue 基于element-ui 分页组件封装的实例代码
2018/12/10 Javascript
Vue自定义属性实例分析
2019/02/23 Javascript
python实现telnet客户端的方法
2015/04/15 Python
Windows下PyCharm安装图文教程
2018/08/27 Python
selenium+python 对输入框的输入处理方法
2018/10/11 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
Django框架实现在线考试系统的示例代码
2020/11/30 Python
使用OpenCV实现人脸图像卡通化的示例代码
2021/01/15 Python
python实现按日期归档文件
2021/01/30 Python
美国顶级户外凉鞋品牌:Chacos
2017/03/27 全球购物
人力资源专员岗位职责
2014/01/30 职场文书
运动会跳远加油稿
2014/02/20 职场文书
业务内勤岗位职责
2014/04/30 职场文书
三八红旗集体先进事迹材料
2014/05/22 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
监守自盗观后感
2015/06/10 职场文书
结婚喜宴迎宾词
2015/08/10 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server
使用CSS3实现按钮悬停闪烁动态特效代码
2021/08/30 HTML / CSS
vue+iview实现手机号分段输入框
2022/03/25 Vue.js
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS