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参数列表集合
Apr 06 Javascript
jQuery代码实现发展历程时间轴特效
Jul 30 Javascript
学习JavaScript设计模式(继承)
Nov 26 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
Jan 04 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
May 31 Javascript
js判断价格,必须为数字且不能为负数的实现方法
Oct 07 Javascript
react实现pure render时bind(this)隐患需注意!
Mar 09 Javascript
Vue2.x中的Render函数详解
May 30 Javascript
Vue中的异步组件函数实现代码
Jul 20 Javascript
Angular实现svg和png图片下载实现
May 05 Javascript
在react中使用vue的状态管理的方法示例
May 02 Javascript
vue使用watch监听属性变化
Apr 30 Vue.js
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
str_replace只替换一次字符串的方法
2013/04/09 PHP
php实现的简单美国商品税计算函数
2015/07/13 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
PHP实现的日历功能示例
2018/09/01 PHP
In Javascript Class, how to call the prototype method.(three method)
2007/01/09 Javascript
一样的table?不一样的table(可编辑状态table)
2012/09/19 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
javascript先序遍历DOM树的方法
2016/02/27 Javascript
Extjs4.0 ComboBox如何实现三级联动
2016/05/11 Javascript
NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
2016/07/26 NodeJs
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
Nodejs多站点切换Htpps协议详解及简单实例
2017/02/23 NodeJs
微信小程序 引入es6 promise
2017/04/12 Javascript
Angular2 组件交互实例详解
2017/08/24 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
2019/06/11 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
2020/08/07 Javascript
python 根据正则表达式提取指定的内容实例详解
2016/12/04 Python
python数据分析数据标准化及离散化详解
2018/02/26 Python
Python多进程方式抓取基金网站内容的方法分析
2019/06/03 Python
python创建与遍历List二维列表的方法
2019/08/16 Python
Python 列表的清空方式
2020/01/13 Python
Python基于time模块表示时间常用方法
2020/06/18 Python
Python使用文件操作实现一个XX信息管理系统的示例
2020/07/02 Python
Timex手表官网:美国运动休闲手表品牌
2017/01/28 全球购物
机电一体化大学生求职信
2013/11/08 职场文书
历史教育专业个人求职信
2013/12/13 职场文书
市场营销求职信范文
2014/02/21 职场文书
经营理念标语
2014/06/21 职场文书
超市工作总结范文2014
2014/12/19 职场文书
2015年中职班主任工作总结
2015/05/25 职场文书
学校远程教育工作总结
2015/08/11 职场文书
你需要掌握的20个Python常用技巧
2022/02/28 Python
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android