js获取select默认选中的Option并不是当前选中值
更新时间：2014年05月07日 09:13:37 作者：
这篇文章主要介绍了js如何获取select默认选中的Option并不是当前选中的值,需要的朋友可以参考下
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值改变后，初始化的值是不会变的。
复制代码 代码如下:
<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 Select标记中options操作方法集合
- js 操作select和option常用代码整理
- JS & JQuery 动态添加 select option
- js select option对象小结
- JS获取select-option-text_value的方法
- javascript对select标签的控制(option选项/select)
- JS更改select内option属性的方法
- javascript据option的value值快速设定初始的selected选项
- js添加select下默认的option的value和text的方法
- js获取select选中的option的text示例代码
- JS实现select选中option触发事件操作示例
相关文章
这篇文章主要为大家详细介绍了JavaScript实现手风琴效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-02-02
这篇文章主要介绍了ES2020让代码更优美的运算符 (?.) (??)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
我一直使用printf调试程序，一般来说都是比较顺利，但有时候，你会发现需要更好的方法。下面几个JavaScript技巧相信你一定会觉得十分有用2014-03-03
下面小编就为大家带来一篇javascript实现简单计算器效果【推荐】。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-04
这篇文章主要介绍了JS数组进阶,结合实例形式总结分析了数组的几种常见函数基本用法,涉及JavaScript数组元素删除、拼接、添加、倒序排列等相关操作技巧,需要的朋友可以参考下2020-01-01
JavaScript ServiceWorker API的好处就是让WEB开发人员轻松的控制缓存。这篇文章主要为大家详细介绍了Javascript缓存API，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要为大家详细介绍了js实现移动端轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
本文将介绍下用表格输出1-1000之间的数字同时附有特效，感兴趣的朋友可以参考下哈，希望对你有所帮助2013-04-04
这篇文章主要为大家介绍了Svelte反应式变量和函数工作原理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
A标签中通过href和onclick传递的this对象实现思路
想传递当前对象给一个函数，于是就将这个URL写成"Javascript:shoControlSidebar(this)"，可是结果发现这并不可行，接下来为大家详细介绍下解决方法2013-04-04
最新评论