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