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 相关文章推荐
js中将URL中的参数提取出来作为对象的实现代码
Aug 16 Javascript
javascript查询字符串参数的方法
Jan 28 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
Mar 04 Javascript
超精准的javascript验证身份证号的具体实现方法
Nov 18 Javascript
原生JavaScript实现瀑布流布局
Jun 28 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
Apr 24 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
Aug 18 Javascript
Vue用v-for给src属性赋值的方法
Mar 03 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
Mar 18 Javascript
详解React 的几种条件渲染以及选择
Oct 23 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
Jul 25 Javascript
react结合bootstrap实现评论功能
May 30 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:风雨欲来 路在何方?
2006/10/09 PHP
php 图像函数大举例(非原创)
2009/06/20 PHP
JoshChen_web格式编码UTF8-无BOM的小细节分析
2013/08/16 PHP
form自动提交实例讲解
2017/07/10 PHP
Kindeditor编辑器添加图片上传水印功能(php代码)
2017/08/03 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
用Javascript读取中文COOKIE的解决办法
2007/02/15 Javascript
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
2014/12/12 Javascript
JavaScript实现在标题栏上显示当前日期的方法
2015/03/19 Javascript
javascript DOM的详解及实例代码
2017/03/06 Javascript
关闭Vue计算属性自带的缓存功能方法
2018/03/02 Javascript
vue router+vuex实现首页登录验证判断逻辑
2018/05/17 Javascript
Vue.js中的extend绑定节点并显示的方法
2019/06/20 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
react基本安装与测试示例
2020/04/27 Javascript
vue 重塑数组之修改数组指定index的值操作
2020/08/09 Javascript
[56:00]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第一局
2016/03/05 DOTA
Python中的各种装饰器详解
2015/04/11 Python
Python cookbook(数据结构与算法)将名称映射到序列元素中的方法
2018/03/22 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
selenium中get_cookies()和add_cookie()的用法详解
2020/01/06 Python
Pandas缺失值2种处理方式代码实例
2020/06/13 Python
美国肌肉和力量商店:Muscle & Strength
2019/06/22 全球购物
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
函授本科自我鉴定
2013/11/03 职场文书
英语教师自荐信
2014/05/26 职场文书
2014年学校工作总结
2014/11/20 职场文书
班级元旦晚会开幕词
2015/01/29 职场文书
故宫英文导游词
2015/01/31 职场文书
银行实习推荐信
2015/03/27 职场文书
2016春季运动会通讯稿
2015/07/18 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书