js獲取下拉列表框<option>中的value和text的值示例代碼
在編程過程中，我們對下拉列表框的取值很多時(shí)候都是獲取option中的value，但是也有需要獲取顯示在頁面中的值的時(shí)候，例如想獲得<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 下標(biāo)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實(shí)現(xiàn)下拉列表選中某個(gè)值的方法(3種方法)
- jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- jquery+json 通用三級聯(lián)動(dòng)下拉列表
- javaScript年份下拉列表框內(nèi)容為當(dāng)前年份及前后50年
- javascript實(shí)現(xiàn)在下拉列表中顯示多級樹形菜單的方法
- extJs 文本框后面加上說明文字+下拉列表選中值后觸發(fā)事件
- javascript級聯(lián)下拉列表實(shí)例代碼(自寫)
- javascript獲取下拉列表框當(dāng)中的文本值示例代碼
- 使用js實(shí)現(xiàn)一個(gè)可編輯的select下拉列表
- JavaScript實(shí)現(xiàn)下拉列表效果
相關(guān)文章
js實(shí)現(xiàn)盒子滾動(dòng)動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)盒子滾動(dòng)動(dòng)畫效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
微信小程序?qū)崿F(xiàn)瀑布流布局與無限加載的方法詳解
瀑布流布局是我們?nèi)粘ｉ_發(fā)中經(jīng)常見到的一種頁面布局方式，下面這篇文章主要給大家介紹了微信小程序?qū)崿F(xiàn)瀑布流布局與無限加載的相關(guān)資料，文中給出了詳細(xì)介紹和示例代碼供大家參考學(xué)習(xí)，需要的朋友們下面來一起看看吧。2017-05-05![javascript函數(shù)的節(jié)流[throttle]與防抖[debounce]](http://img.jbzj.com/images/xgimg/bcimg2.png)
javascript函數(shù)的節(jié)流[throttle]與防抖[debounce]
這篇文章主要介紹了javascript函數(shù)的節(jié)流[throttle]與防抖[debounce ]，詳細(xì)的介紹了節(jié)流與防抖的原理和示例，具有一定的參考價(jià)值，有興趣的可以了解一下2017-11-11
uniapp中canvas繪制圖片內(nèi)容空白報(bào)錯(cuò)的原因及解決
最近有個(gè)需求就是要用canvas畫個(gè)分享的海報(bào),所以這里總結(jié)下,這篇文章主要給大家介紹了關(guān)于uniapp中canvas繪制圖片內(nèi)容空白報(bào)錯(cuò)的原因及解決方法,需要的朋友可以參考下2023-09-09
下面小編就為大家?guī)硪黄畔L動(dòng)效果的實(shí)例講解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
下面小編就為大家?guī)硪黄猨s表單序列化判斷空值的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
設(shè)置點(diǎn)擊文本框或圖片彈出日歷控件的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄O(shè)置點(diǎn)擊文本框或圖片彈出日歷控件的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧2016-05-05
javascript實(shí)現(xiàn)禁止復(fù)制網(wǎng)頁內(nèi)容匯總
本文給大家匯總介紹了幾種使用javascript和CSS實(shí)現(xiàn)禁止復(fù)制頁面內(nèi)容的方法，非常的實(shí)用，有需要的小伙伴可以參考下。2015-12-12
flexslider.js實(shí)現(xiàn)移動(dòng)端輪播
本文主要分享了flexslider.js實(shí)現(xiàn)移動(dòng)端輪播的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
JavaScript的for循環(huán)中嵌套一個(gè)點(diǎn)擊事件的問題解決
本文主要介紹了JavaScript的for循環(huán)中嵌套一個(gè)點(diǎn)擊事件點(diǎn)擊一次彈出多個(gè)相同的值的解決方法，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03