快捷導(dǎo)航

js獲取當(dāng)前select 元素值的代碼

更新時(shí)間：2010年04月19日 21:22:37 作者：

js獲取當(dāng)前select 元素值的代碼，需要的朋友可以參考下。

如果 select 元素下的所有 option 元素均沒有指定 selected 屬性，會(huì)默認(rèn)選中第一個(gè)。
可以通過 select.selectedIndex 獲取到選中的 option 元素的索引。
可以通過 select.options[select.selectedIndex] 獲取到選中的 option 元素。
option 元素 <option selected="selected" value="value3">text3</option>，可以通過 option.value 獲得 option 元素的 value 屬性值，即 value3；可以通過 option.text 獲得 option 元素內(nèi)的文本，即 text3。
如果 option 元素沒有定義 value 屬性，則 IE 中 option.value 無法獲得，但 Safari、Opera、FireFox 依舊可以通過 option.value 獲得，值同于 option.text 。
可以通過 option.attributes.value && option.attributes.value.specified 來判斷 option 元素是否定義了 value 屬性。

故，獲得當(dāng)前 select 元素值的腳本如下：

var getSelectValue = funtion(select) { 
var idx = select.selectedIndex, 
option, 
value; 
if (idx > -1) { 
option = select.options[idx]; 
value = option.attributes.value; 
return (value && value.specified) ? option.value : option.text); 
} 
return null; 
}

您可能感興趣的文章:

相關(guān)文章

限制文本框輸入N個(gè)字符的js代碼
這里的字符指的是漢字占兩個(gè)字節(jié)，而數(shù)字及其字母占一個(gè)字節(jié)，如果使用substr肯定是不可以的
2010-05-05
js 獲取子節(jié)點(diǎn)函數(shù) (兼容FF與IE)
兼容FF與IE的獲取子節(jié)點(diǎn)的js代碼，需要的朋友可以參考下，我們剛不發(fā)布的dom操作文章。
2010-04-04
select標(biāo)記美化--JS式插件、后期加載
<select>標(biāo)簽的外觀問題很惱人，各個(gè)瀏覽器都不一致，單單就IE，一個(gè)版本就一個(gè)長相，還不能用CSS修飾。在這將本人對<select>的美化方法共享出來。
2013-04-04
輸入文字自動(dòng)變化寬度的INPUT,帶計(jì)數(shù)（圖）
隨著輸入文字的多少自動(dòng)變化寬度的INPUT，帶計(jì)數(shù)
2008-11-11
textbox 在光標(biāo)位置插入字符功能的js實(shí)現(xiàn)(兼容ie,firefox)
document.selection.createRange是IE獨(dú)有的而firefox也有獨(dú)有的一套
2009-12-12
實(shí)用的JS表單驗(yàn)證提示效果
一個(gè)流行且實(shí)用的JS表單驗(yàn)證提示，演示了怎么自定義錯(cuò)誤信息的顯示方式，同時(shí)通過寫FormValid.showError類方法來實(shí)現(xiàn)錯(cuò)誤顯示方式自定義.
2009-11-11
更換select下拉菜單背景樣式的實(shí)現(xiàn)代碼
更換select下拉菜單背景樣式的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2011-12-12
IE6下js通過css隱藏select的一個(gè)bug
想起ie6下，臭名昭著的select需要用iframe遮罩的bug，估計(jì)和上面的bug根由是一樣的
2010-08-08
checkbox 多選框聯(lián)動(dòng)實(shí)現(xiàn)代碼
對于checkbox 多選的聯(lián)動(dòng)效果，是個(gè)不錯(cuò)的思路，附代碼
2008-10-10
JavaScript動(dòng)態(tài)調(diào)整TextArea高度的代碼
通過JavaScript根據(jù)TextArea的內(nèi)容動(dòng)態(tài)調(diào)整TextArea的高度，需要的朋友可以參考下。
2010-12-12