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与函数式编程解释
Apr 27 Javascript
在html页面上拖放移动标签
Jan 08 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
Feb 05 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
Sep 14 Javascript
几种tab切换详解
Feb 03 Javascript
jquery append与appendTo方法比较
May 24 jQuery
Angular实现的日程表功能【可添加及隐藏显示内容】
Dec 27 Javascript
浅谈关于iview表单验证的问题
Sep 29 Javascript
vue在线动态切换主题色方案
Mar 26 Javascript
JavaScript图像放大镜效果实现方法详解
Jun 28 Javascript
vue+axios 拦截器实现统一token的案例
Sep 11 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 文件上传系统手记
2009/10/26 PHP
PHPnow安装服务[apache_pn]失败的问题的解决方法
2010/09/10 PHP
使用php检测用户当前使用的浏览器是否为IE浏览器
2013/12/03 PHP
ThinkPHP3.1之D方法实例详解
2014/06/20 PHP
PHP清除数组中所有字符串两端空格的方法
2014/10/20 PHP
php网站被挂木马后的修复方法总结
2014/11/06 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
PHP实现字符串的全排列详解
2019/04/24 PHP
Laravel项目中timeAgo字段语言转换的改善方法示例
2019/09/16 PHP
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
2008/12/25 Javascript
js escape,unescape解决中文乱码问题的方法
2010/05/26 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
使用js画图之圆、弧、扇形
2015/01/12 Javascript
基于jQuery实现页面搜索功能
2020/03/26 Javascript
详解AngularJs中$resource和restfu服务端数据交互
2016/09/21 Javascript
微信小程序 实战实例开发流程详细介绍
2017/01/05 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
Bootstrap模态对话框用法简单示例
2018/08/31 Javascript
PostgreSQL Node.js实现函数计算方法示例
2019/02/12 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
Vue混入mixins滚动触底的方法
2019/11/22 Javascript
Python基类函数的重载与调用实例分析
2015/01/12 Python
详解Python中映射类型的内建函数和工厂函数
2015/08/19 Python
python实现简单的单变量线性回归方法
2018/11/08 Python
Python Pexpect库的简单使用方法
2019/01/29 Python
Pyinstaller打包.py生成.exe的方法和报错总结
2019/04/02 Python
Pycharm 文件更改目录后,执行路径未更新的解决方法
2019/07/19 Python
pytorch 模型可视化的例子
2019/08/17 Python
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
香港唯港荟酒店预订:Hotel ICON
2018/03/27 全球购物
澳大利亚优惠网站:Deals.com.au
2019/07/02 全球购物
孝老爱亲模范事迹
2014/01/24 职场文书
职务聘任书范文
2014/03/29 职场文书
团干部培训方案
2014/06/03 职场文书
暑期工社会实践报告
2015/07/13 职场文书
JavaScript 去重和重复次数统计
2021/03/31 Javascript