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 xml为数据源的下拉框控件
Jul 07 Javascript
Javascript在IE或Firefox下获取鼠标位置的代码
Dec 18 Javascript
JavaScript中几种常见排序算法小结
Feb 22 Javascript
jsTree 基于JQuery的排序节点 Bug
Jul 26 Javascript
node.js中的querystring.escape方法使用说明
Dec 10 Javascript
浅谈Javascript的静态属性和原型属性
May 07 Javascript
javascript针对不确定函数的执行方法
Dec 16 Javascript
Vue项目组件化工程开发实践方案
Jan 09 Javascript
layui点击导航栏刷新tab页的示例代码
Aug 14 Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
Nov 14 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 11 Javascript
微信小程序基于Taro的分享图片功能实践详解
Jul 12 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数组内存耗用太多问题的解决方法
2010/04/05 PHP
PHP递归删除目录几个代码实例
2014/04/21 PHP
Yii快速入门经典教程
2015/12/28 PHP
ThinkPHP的常用配置选项汇总
2016/03/24 PHP
php性能分析之php-fpm慢执行日志slow log用法浅析
2016/10/17 PHP
PHP中大括号'{}'用法实例总结
2017/02/08 PHP
jquery 插件学习(三)
2012/08/06 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
2013/03/05 Javascript
调用DOM对象的focus使文本框获得焦点
2014/02/19 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
2014/04/08 Javascript
jQuery选择器简明总结(含用法实例,一目了然)
2014/04/25 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
2015/08/27 Javascript
JavaScript模版引擎的基本实现方法浅析
2016/02/15 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
浅谈react+es6+webpack的基础配置
2017/08/09 Javascript
浅谈React前后端同构防止重复渲染
2018/01/05 Javascript
使用Angular-CLI构建NPM包的方法
2018/09/07 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
关于layui的动态图标不显示的解决方法
2019/09/04 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
在Python中使用第三方模块的教程
2015/04/27 Python
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
win10下tensorflow和matplotlib安装教程
2018/09/19 Python
python中 * 的用法详解
2019/07/10 Python
如何利用python web框架做文件流下载的实现示例
2020/06/02 Python
关于Python 解决Python3.9 pandas.read_excel(‘xxx.xlsx‘)报错的问题
2020/11/28 Python
阿联酋航空假期:Emirates Holidays
2018/03/20 全球购物
幼儿园小班教学反思
2014/02/02 职场文书
开朗女孩的自我评价
2014/02/10 职场文书
高中军训第一天感言
2014/03/06 职场文书
经营理念口号
2014/06/21 职场文书
确保工程质量承诺书
2015/04/29 职场文书
聘任书的格式及模板
2019/10/28 职场文书
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android
SQL实现LeetCode(175.联合两表)
2021/08/04 MySQL