如何獲取select下拉框的值(option沒(méi)有及有value屬性)
更新時(shí)間：2013年11月08日 17:27:53 作者：
獲取select下拉框的值分為option沒(méi)有value屬性及有value屬性時(shí)的兩種情況，下面分別給出具體的實(shí)現(xiàn)代碼，需要的朋友可以參考下
如何獲取select下拉框的值：
1.下拉框的option沒(méi)有value屬性時(shí)
<select id="param1">
<option>學(xué)號(hào)</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屬性時(shí)
<select id="param1">
<option>學(xué)號(hào)</option>
<option>姓名</option>
<option>年齡</option>
</seclect>
<script>
window.onload = funciton(){
var param = document.getElementById("param1");
param.onchange = getParam(){
var selectIndex = param.selectIndex; //獲得被選項(xiàng)的引索號(hào)
var text = param.options[selectIndex].text;
</script>
1.下拉框的option沒(méi)有value屬性時(shí)
復(fù)制代碼 代碼如下:
<select id="param1">
<option>學(xué)號(hào)</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屬性時(shí)
復(fù)制代碼 代碼如下:
<select id="param1">
<option>學(xué)號(hào)</option>
<option>姓名</option>
<option>年齡</option>
</seclect>
<script>
window.onload = funciton(){
var param = document.getElementById("param1");
param.onchange = getParam(){
var selectIndex = param.selectIndex; //獲得被選項(xiàng)的引索號(hào)
var text = param.options[selectIndex].text;
</script>
相關(guān)文章
如何判斷圖片地址是否失效...2007-02-02
微信小程序?qū)崿F(xiàn)樹(shù)莓派（raspberry pi）小車控制
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)樹(shù)莓派（raspberry pi）小車控制，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
JS前端攻堅(jiān)Eventbus實(shí)現(xiàn)更新示例詳解
這篇文章主要為大家介紹了JS前端攻堅(jiān)Eventbus實(shí)現(xiàn)更新示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
javascript函數(shù)報(bào)Uncaught?ReferenceError:?XXX?is?not?define
本文主要介紹了javascript函數(shù)報(bào)Uncaught?ReferenceError:?XXX?is?not?defined，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
對(duì)于學(xué)前端的小伙伴來(lái)說(shuō)，吸引你們?nèi)肟拥拇蠖际且恍╈趴岬捻?yè)面。本文將用JavaScript編寫一個(gè)酷炫的3D圖片演示效果，感興趣的可以了解一下2022-03-03
關(guān)于layui flow loading占位圖的實(shí)現(xiàn)方法
今天小編就為大家分享一篇關(guān)于layui flow loading占位圖的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)彈窗拖拽代碼demo，以及在實(shí)現(xiàn)js彈窗拖拽效果需要注意的事項(xiàng)，感興趣的小伙伴們可以參考一下2016-06-06
JS支持帶x身份證號(hào)碼驗(yàn)證函數(shù)
身份證號(hào)碼驗(yàn)證-支持新的帶x身份證2008-08-08
JS實(shí)現(xiàn)省市縣三級(jí)下拉聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)省市縣三級(jí)下拉聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-04-04
這篇文章主要給大家介紹了關(guān)于ES6入門教程之let、const使用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用ES6具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04