如何獲取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)文章
微信小程序?qū)崿F(xiàn)樹莓派(raspberry pi)小車控制
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)樹莓派(raspberry pi)小車控制,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-02-02javascript函數(shù)報Uncaught?ReferenceError:?XXX?is?not?define
本文主要介紹了javascript函數(shù)報Uncaught?ReferenceError:?XXX?is?not?defined,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07關(guān)于layui flow loading占位圖的實現(xiàn)方法
今天小編就為大家分享一篇關(guān)于layui flow loading占位圖的實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09