js獲取select默認(rèn)選中的Option并不是當(dāng)前選中值

2019-11-20 20:43:35

字體：大中小

供稿：網(wǎng)友

js函數(shù)方法：

 
<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：

復(fù)制代碼代碼如下:

 
<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當(dāng)前選中的值，初始化的值不隨select值改變，大家可以做一下Demo，當(dāng)select值改變后，初始化的值是不會變的。

上一篇：HTML頁面彈出居中可拖拽的自定義窗口層

下一篇：iframe子頁面與父頁面在同域或不同域下的js通信