JS獲取下拉列表所選中的TEXT和Value的實現(xiàn)代碼
更新時間：2014年01月11日 10:17:02 作者：
本篇文章主要是對JS獲取下拉列表所選中的TEXT和Value的實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
如下所示：
<!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>無標題文檔</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>
復制代碼 代碼如下:
<!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>無標題文檔</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 文本框后面加上說明文字+下拉列表選中值后觸發(fā)事件
- javascript下拉列表菜單的實現(xiàn)方法
- javascript下拉列表中顯示樹形菜單的實現(xiàn)方法
- JS實現(xiàn)支持多選的遍歷下拉列表代碼
- javascript如何操作HTML下拉列表標簽
- JS+DIV+CSS實現(xiàn)仿表單下拉列表效果
- JS+CSS實現(xiàn)下拉列表框美化效果（3款）
- JS+CSS實現(xiàn)美化的下拉列表框效果
- jQuery實現(xiàn)在下拉列表選擇時獲取json數(shù)據(jù)的方法
- JS顯示下拉列表框內(nèi)全部元素的方法
- js實現(xiàn)下拉列表選中某個值的方法(3種方法)
相關(guān)文章
JavaScript實現(xiàn)簡易tab欄切換內(nèi)容欄
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡易tab欄切換內(nèi)容欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要介紹了JS動畫效果打開、關(guān)閉層的實現(xiàn)方法,可實現(xiàn)js控制層從中心位置打開與關(guān)閉的功能,涉及javascript操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
Bootstrap滾動監(jiān)聽組件scrollspy.js使用方法詳解
這篇文章主要為大家詳細介紹了Bootstrap滾動監(jiān)聽組件scrollspy.js的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
javascript作為前端常用的開發(fā)語言,越來越多的人都在學習它,下面這篇文章主要給大家介紹了關(guān)于如何使用JavaScript打造一個掃雷游戲的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-02-02
javascript實現(xiàn)的顏色塊滑動的動態(tài)效果
javascript實現(xiàn)的顏色塊滑動的動態(tài)效果...2007-08-08
JavaScript原生對象之Number對象的屬性和方法詳解
這篇文章主要介紹了JavaScript原生對象之Number對象的屬性和方法詳解,本文講解了創(chuàng)建 Number 對象的語法、MAX_VALUE、MIN_VALUE、NaN等屬性或方法,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細介紹了js原生Ajax的封裝和原理，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了js數(shù)組對象里面如何獲取某個屬性值相等的對象問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
10個實用的腳本工具，其實就是將代碼拷貝到IE地址欄中運行2010-05-05
這篇文章介紹了JS隨機生成不重復數(shù)據(jù)的實例方法，有需要的朋友可以參考一下2013-07-07