JS獲取下拉列表所選中的TEXT和Value的實(shí)現(xiàn)代碼
更新時(shí)間：2014年01月11日 10:17:02 作者：
本篇文章主要是對(duì)JS獲取下拉列表所選中的TEXT和Value的實(shí)現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無(wú)標(biāo)題文檔</title>
<script type="text/javascript">
function selChange(){
var sel=document.getElementById('sel');
alert(sel.options[sel.selectedIndex].text);
alert(sel.options[sel.selectedIndex].value);
}
</script>
</head>
<body>
<select id="sel" onchange="selChange()" >
<option value="zhangsan">張三</option>
<option value="lisi" >李四</option>
<option value="wangwu" >王五</option>
</select>
</body>
</html>
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無(wú)標(biāo)題文檔</title>
<script type="text/javascript">
function selChange(){
var sel=document.getElementById('sel');
alert(sel.options[sel.selectedIndex].text);
alert(sel.options[sel.selectedIndex].value);
}
</script>
</head>
<body>
<select id="sel" onchange="selChange()" >
<option value="zhangsan">張三</option>
<option value="lisi" >李四</option>
<option value="wangwu" >王五</option>
</select>
</body>
</html>
您可能感興趣的文章:
- extJs 文本框后面加上說(shuō)明文字+下拉列表選中值后觸發(fā)事件
- javascript下拉列表菜單的實(shí)現(xiàn)方法
- javascript下拉列表中顯示樹形菜單的實(shí)現(xiàn)方法
- JS實(shí)現(xiàn)支持多選的遍歷下拉列表代碼
- javascript如何操作HTML下拉列表標(biāo)簽
- JS+DIV+CSS實(shí)現(xiàn)仿表單下拉列表效果
- JS+CSS實(shí)現(xiàn)下拉列表框美化效果（3款）
- JS+CSS實(shí)現(xiàn)美化的下拉列表框效果
- jQuery實(shí)現(xiàn)在下拉列表選擇時(shí)獲取json數(shù)據(jù)的方法
- JS顯示下拉列表框內(nèi)全部元素的方法
- js實(shí)現(xiàn)下拉列表選中某個(gè)值的方法(3種方法)
相關(guān)文章
JavaScript實(shí)現(xiàn)簡(jiǎn)易tab欄切換內(nèi)容欄
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易tab欄切換內(nèi)容欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
JS動(dòng)畫效果打開(kāi)、關(guān)閉層的實(shí)現(xiàn)方法
這篇文章主要介紹了JS動(dòng)畫效果打開(kāi)、關(guān)閉層的實(shí)現(xiàn)方法,可實(shí)現(xiàn)js控制層從中心位置打開(kāi)與關(guān)閉的功能,涉及javascript操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
Bootstrap滾動(dòng)監(jiān)聽(tīng)組件scrollspy.js使用方法詳解
這篇文章主要為大家詳細(xì)介紹了Bootstrap滾動(dòng)監(jiān)聽(tīng)組件scrollspy.js的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
javascript作為前端常用的開(kāi)發(fā)語(yǔ)言,越來(lái)越多的人都在學(xué)習(xí)它,下面這篇文章主要給大家介紹了關(guān)于如何使用JavaScript打造一個(gè)掃雷游戲的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-02-02
javascript實(shí)現(xiàn)的顏色塊滑動(dòng)的動(dòng)態(tài)效果
javascript實(shí)現(xiàn)的顏色塊滑動(dòng)的動(dòng)態(tài)效果...2007-08-08
JavaScript原生對(duì)象之Number對(duì)象的屬性和方法詳解
這篇文章主要介紹了JavaScript原生對(duì)象之Number對(duì)象的屬性和方法詳解,本文講解了創(chuàng)建 Number 對(duì)象的語(yǔ)法、MAX_VALUE、MIN_VALUE、NaN等屬性或方法,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了js原生Ajax的封裝和原理，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
js數(shù)組對(duì)象里面如何獲取某個(gè)屬性值相等的對(duì)象
這篇文章主要介紹了js數(shù)組對(duì)象里面如何獲取某個(gè)屬性值相等的對(duì)象問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
10個(gè)實(shí)用的腳本工具，其實(shí)就是將代碼拷貝到IE地址欄中運(yùn)行2010-05-05
JS隨機(jī)生成不重復(fù)數(shù)據(jù)的實(shí)例方法
這篇文章介紹了JS隨機(jī)生成不重復(fù)數(shù)據(jù)的實(shí)例方法，有需要的朋友可以參考一下2013-07-07