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

不知道還有沒(méi)有更方便快捷的方法，曾嘗試通過(guò)jQuery獲取$('#sel option[defaultSelected]')，可一直返回空。

各位園友，我要的是select控件初始化的值，非select當(dāng)前選中的值，初始化的值不隨select值改變，大家可以做一下Demo，當(dāng)select值改變后，初始化的值是不會(huì)變的。

您可能感興趣的文章:

相關(guān)文章

date.parse在IE和FF中的區(qū)別
這個(gè)方法是很常用的，比如在驗(yàn)證輸入日期是否存在時(shí)，可以使用它，如果是一個(gè)不存在的日期，則其返回值將是NaN，另外如果要比較兩個(gè)日期的先后，或是計(jì)算兩個(gè)日期相差的天數(shù) ，都可以用到。
2010-07-07
JS實(shí)現(xiàn)的郵箱提示補(bǔ)全效果示例
這篇文章主要介紹了JS實(shí)現(xiàn)的郵箱提示補(bǔ)全效果,涉及javascript正則匹配、事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2018-01-01
HTML中setCapture、releaseCapture 使用方法淺析
本文給大家簡(jiǎn)單介紹了下html中的高級(jí)拖動(dòng)技術(shù)setCapture、releaseCapture的使用方法，有需要的小伙伴可以參考下
2016-09-09
來(lái)自qq的javascript面試題
請(qǐng)指出一下代碼的性能問(wèn)題，并經(jīng)行優(yōu)化。
2010-07-07
JavaScript中的類型判斷你真的了解了嗎
這篇文章主要為大家詳細(xì)介紹了JavaScript中類型判斷的相關(guān)常見(jiàn)方法,文中的示例代碼講解詳細(xì),對(duì)我們深入學(xué)習(xí)JavaScript有一定幫助,需要的可以參考下
2023-11-11
bootstrap table 多選框分頁(yè)保留示例代碼
在使用bootstrap table的復(fù)選框功能的時(shí)候，由于采用服務(wù)端分頁(yè)，當(dāng)在第一頁(yè)選擇了某些數(shù)據(jù)，然后點(diǎn)擊第二頁(yè)選擇一些數(shù)據(jù)，再次點(diǎn)回第一頁(yè)，發(fā)現(xiàn)原先選擇的數(shù)據(jù)已經(jīng)清空了，原來(lái)的多選框并不支持翻頁(yè)保留多選數(shù)據(jù)，怎么解決呢，下面小編給大家分享下解決思路
2017-03-03
仿服務(wù)器端腳本方式的JS模板實(shí)現(xiàn)方法
仿服務(wù)器端腳本方式的JS模板實(shí)現(xiàn)方法...
2007-04-04
基于JS實(shí)現(xiàn)移動(dòng)端向左滑動(dòng)出現(xiàn)刪除按鈕功能
最近在做移動(dòng)端項(xiàng)目時(shí)，需要實(shí)現(xiàn)一個(gè)列表頁(yè)面的每一項(xiàng)item向左滑動(dòng)時(shí)出現(xiàn)相應(yīng)的刪除按鈕，其實(shí)實(shí)現(xiàn)此功能很簡(jiǎn)單的。這篇文章主要介紹了基于js實(shí)現(xiàn)移動(dòng)端向左滑動(dòng)出現(xiàn)刪除按鈕,需要的朋友可以參考下
2017-02-02
js 函數(shù)性能比較方法
在學(xué)習(xí)js過(guò)程中,經(jīng)常會(huì)遇到同樣一個(gè)功能點(diǎn) 這樣實(shí)現(xiàn)也可以,那樣實(shí)現(xiàn)也可以。但是哪個(gè)方式最優(yōu)呢
2020-08-08
JavaScript中的函數(shù)（二）
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。本文給大家介紹介紹javascript中的函數(shù)(二)，對(duì)javascript函數(shù)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2015-12-12