js獲取下拉列表框<option>中的value和text的值示例代碼
在編程過程中,我們對下拉列表框的取值很多時候都是獲取option中的value,但是也有需要獲取顯示在頁面中的值的時候,例如想獲得<option value="value">ShowText</option>中"ShowText",我們該如何獲取呢?方法很簡單,具體代碼如下:
<script type="text/javascript">
function a(object){
alert(object);
}
</script>
<!-- 獲取顯示的值 -->
<select onchange="a(this.options[this.selectedIndex].innerText);">
<option value="value-a">text-a</option>
<option value="value-b">text-b</option>
</select>
<!-- 獲取value的值 -->
<select onchange="a(this.options[this.selectedIndex].value);">
<option value="value-c">text-c</option>
<option value="value-d">text-d</option>
</select>
function isSelect(selectPress) {
//var select = document.getElementById("mySelect").ind;
var selectValue = selectPress.options[selectPress.selectedIndex].value; //顯示value 下標0、1、2
var selectValue2 = selectPress.options[selectPress.selectedIndex].innerText; //顯示顯示的值 具體內(nèi)容(上海、北京)
//alert(selectValue);
//alert(selectValue2);
if (selectValue == "-1") {
alert("請選擇城市,表單提交被拒絕!")
return;
}
else {
document.getElementById('form1').submit(); //form表單提交
}
}
<select onchange="isSelect(this);" id="mySelect">
<option value="-1">--請選擇--</option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">武漢</option>
</select>
- js實現(xiàn)下拉列表選中某個值的方法(3種方法)
- jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- jquery+json 通用三級聯(lián)動下拉列表
- javaScript年份下拉列表框內(nèi)容為當前年份及前后50年
- javascript實現(xiàn)在下拉列表中顯示多級樹形菜單的方法
- extJs 文本框后面加上說明文字+下拉列表選中值后觸發(fā)事件
- javascript級聯(lián)下拉列表實例代碼(自寫)
- javascript獲取下拉列表框當中的文本值示例代碼
- 使用js實現(xiàn)一個可編輯的select下拉列表
- JavaScript實現(xiàn)下拉列表效果
相關(guān)文章
document.documentElement和document.body區(qū)別介紹
body是DOM對象里的body子節(jié)點,即body標簽,documentElement 是整個節(jié)點樹的根節(jié)點root,詳細介紹請看本文,感興趣的朋友可以參考下2013-09-09js中substr,substring,indexOf,lastIndexOf的用法小結(jié)
本篇文章主要是對js中substr,substring,indexOf,lastIndexOf的用法進行了總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12JS實現(xiàn)深度優(yōu)先搜索求解兩點間最短路徑
這篇文章主要為大家詳細介紹了JS實現(xiàn)深度優(yōu)先搜索求解兩點間最短路徑,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-01-01JavaScript中數(shù)據(jù)類型轉(zhuǎn)換總結(jié)
在js中,數(shù)據(jù)類型轉(zhuǎn)換分為顯式數(shù)據(jù)類型轉(zhuǎn)換和隱式數(shù)據(jù)類型轉(zhuǎn)換。本文將對此進行介紹,具有一定的參考價值,需要的朋友一起來看下吧2016-12-12JavaScript Html實現(xiàn)移動端紅包雨功能頁面
這篇文章主要為大家詳細介紹了JavaScript Html實現(xiàn)移動端紅包雨功能頁面,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-01-01