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)文章
對于需要獲取一個窗口關(guān)閉后的返回信息時，需要用的到。2009-01-01
這篇文章主要介紹了在前端中Proj4.js使用簡單介紹及進階應(yīng)用的相關(guān)資料,Proj4是一個用于處理JavaScript里的幾何圖形和坐標計算的庫,它提供了多邊形、點、線等幾何對象的計算功能,需要的朋友可以參考下2025-01-01
javascript操作表格...2006-07-07
這篇文章主要為大家詳細介紹了JavaScript閉包的簡單應(yīng)用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要為大家詳細介紹了Bootstrap CSS組件之導航條(navbar)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準確)
這篇文章主要介紹了基于JavaScript判斷瀏覽器到底是關(guān)閉還是刷新(超準確)的相關(guān)資料,需要的朋友可以參考下2016-02-02
本篇文章主要是對屏蔽相應(yīng)鍵盤按鈕的操作代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
JS實現(xiàn)為動態(tài)添加的元素增加事件功能示例【基于事件委托】
這篇文章主要介紹了JS實現(xiàn)為動態(tài)添加的元素增加事件功能,結(jié)合實例形式分析了javascript基于事件委托實現(xiàn)針對動態(tài)添加的元素增加事件的相關(guān)操作技巧,需要的朋友可以參考下2018-03-03
JS彈出對話框返回值代碼，需要的朋友可以參考下。2010-12-12
上回說到，操作Object Array2010-05-05