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中通过URL传递汉字的方法
Apr 09 Javascript
JavaScript入门教程(7) History历史对象
Jan 31 Javascript
模拟select的代码
Oct 19 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
Oct 29 Javascript
JavaScript生成GUID的多种算法小结
Aug 18 Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 Javascript
jQuery实现的表格展开伸缩效果实例
Sep 07 Javascript
微信小程序商品详情页规格属性选择示例代码
Oct 30 Javascript
如何编写一个完整的Angular4 FormText 组件
Nov 18 Javascript
小程序实现上下移动切换位置
Sep 23 Javascript
JS轮播图的实现方法2
Aug 25 Javascript
JavaScript实现多球运动效果
Sep 07 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
zen cart新进商品的随机排序修改方法
2010/09/10 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
Laravel执行migrate命令提示:No such file or directory的解决方法
2016/03/16 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
DOM 中的事件处理介绍
2012/01/18 Javascript
js中function()使用方法
2013/12/24 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
2014/09/25 Javascript
jquery实现翻动fadeIn显示的方法
2015/03/05 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
2015/07/27 Javascript
JS模拟实现ECMAScript5新增的数组方法
2017/03/20 Javascript
微信小程序网络请求的封装与填坑之路
2017/04/01 Javascript
D3.js进阶系列之CSV表格文件的读取详解
2017/06/06 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
2018/01/05 Javascript
vuex 的简单使用
2018/03/22 Javascript
区别JavaScript函数声明与变量声明
2018/09/12 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
Python bsddb模块操作Berkeley DB数据库介绍
2015/04/08 Python
Python实现的彩票机选器实例
2015/06/17 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
Python 进程之间共享数据(全局变量)的方法
2019/07/16 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
python实现录音功能(可随时停止录音)
2020/10/26 Python
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
茶叶店创业计划书范文
2014/01/19 职场文书
大学生社会实践自我鉴定
2014/03/24 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
无锡灵山大佛导游词
2015/02/09 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
演讲比赛主持词
2015/06/29 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书
CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
2021/03/30 HTML / CSS
Python+腾讯云服务器实现每日自动健康打卡
2021/12/06 Python
Python实现GIF动图以及视频卡通化详解
2021/12/06 Python
React四级菜单的实现
2022/04/08 Javascript