js获取select默认选中的Option并不是当前选中值

2024-05-06 16:05:21

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了js如何获取select默认选中的Option并不是当前选中的值,需要的朋友可以参考下

js函数方法：

复制代码代码如下:

Demo：

复制代码代码如下:

<body>
<select>
<option value="1">1</option>
<option value="2" selected="">2</option>
<option value="3">3</option>
</select>
<button>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值改变后，初始化的值是不会变的。

上一篇：jquery 显示*天*时*分*秒实现时间计时器

下一篇：HTML页面弹出居中可拖拽的自定义窗口层