如何獲取select下拉框的值(option沒有及有value屬性)
更新時間：2013年11月08日 17:27:53 作者：
獲取select下拉框的值分為option沒有value屬性及有value屬性時的兩種情況，下面分別給出具體的實(shí)現(xiàn)代碼，需要的朋友可以參考下
如何獲取select下拉框的值：
1.下拉框的option沒有value屬性時
<select id="param1">
<option>學(xué)號</option>
<option>姓名</option>
<option>年齡</option>
</seclect>
<script>
window.onload = funciton(){
var param = document.getElementById("param1");
param.onchange = getParam(){
var text = param.value;
}
}
</script>
2.下拉框的option有value屬性時
<select id="param1">
<option>學(xué)號</option>
<option>姓名</option>
<option>年齡</option>
</seclect>
<script>
window.onload = funciton(){
var param = document.getElementById("param1");
param.onchange = getParam(){
var selectIndex = param.selectIndex; //獲得被選項(xiàng)的引索號
var text = param.options[selectIndex].text;
</script>
1.下拉框的option沒有value屬性時
復(fù)制代碼 代碼如下:
<select id="param1">
<option>學(xué)號</option>
<option>姓名</option>
<option>年齡</option>
</seclect>
<script>
window.onload = funciton(){
var param = document.getElementById("param1");
param.onchange = getParam(){
var text = param.value;
}
}
</script>
2.下拉框的option有value屬性時
復(fù)制代碼 代碼如下:
<select id="param1">
<option>學(xué)號</option>
<option>姓名</option>
<option>年齡</option>
</seclect>
<script>
window.onload = funciton(){
var param = document.getElementById("param1");
param.onchange = getParam(){
var selectIndex = param.selectIndex; //獲得被選項(xiàng)的引索號
var text = param.options[selectIndex].text;
</script>
相關(guān)文章
原生JS實(shí)現(xiàn)動態(tài)添加新元素、刪除元素方法
這篇文章主要介紹了原生js實(shí)現(xiàn)動態(tài)添加新元素、刪除元素方法 ,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-05-05
js 將canvas生成圖片保存,或直接保存一張圖片的實(shí)現(xiàn)方法
下面小編就為大家分享一篇js 將canvas生成圖片保存,或直接保存一張圖片的實(shí)現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
WordPress中利用AJAX技術(shù)進(jìn)行評論提交的實(shí)現(xiàn)示例
這篇文章主要介紹了WordPress中利用AJAX技術(shù)進(jìn)行評論提交的實(shí)現(xiàn)示例,整個處理的關(guān)鍵點(diǎn)在于文中的ajax_comment函數(shù),需要的朋友可以參考下2016-01-01
javascript精確統(tǒng)計(jì)網(wǎng)站訪問量實(shí)例代碼
網(wǎng)站一般都有訪問量統(tǒng)計(jì)工具，比較高效實(shí)用的工具多種多樣，這篇文章主要介紹了javascript精確統(tǒng)計(jì)網(wǎng)站訪問量實(shí)例代碼，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義時間段picker選擇器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
js canvas實(shí)現(xiàn)適用于移動端的百分比儀表盤dashboard
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)適用于移動端的百分比儀表盤dashboard，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
文章實(shí)現(xiàn)的div拖拽程序可以根據(jù)按鈕來控制是要種拖拽方式與位置 ，下面希望有需要的朋友可參考2014-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)吸頂特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
用過JavaScript的同學(xué)們肯定都對prototype如雷貫耳，但是這究竟是個什么東西卻讓初學(xué)者莫衷一是，只知道函數(shù)都會有一個prototype屬性，可以為其添加函數(shù)供實(shí)例訪問，其它的就不清楚了，最近看了一些 JavaScript高級程序設(shè)計(jì)，終于揭開了其神秘面紗2013-08-08
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)畫板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04