javascript如何獲取當前選中的option項的文字和value值
select下拉選單是最為常用的表單元素之一,下面介紹一下如何獲取select下拉選單當前被選中option項的文字值和value值。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> function check() { var sel=document.getElementById("sel"); var selValue=sel.options[sel.options.selectedIndex].value; var selTxt=sel.options[sel.options.selectedIndex].text; alert(selValue); alert(selTxt); } window.onload=function(){ var bt=document.getElementById("bt"); bt.onclick=function(){ check() } } </script> </head> <body> <select name="select" id="sel"> <option value="1" selected="selected">螞蟻部落一</option> <option value="2">螞蟻部落二</option> </select> <input type="button" value="點選獲取" id="bt"/> </div> </body> </html>
以上程式碼能夠彈出被選項的value值和text文字值,下面做一下簡單介紹:
1.var sel=document.getElementById("sel"),獲取select物件
2.sel.options.selectedIndex,獲取被選中項的索引值。
3.sel.options[sel.options.selectedIndex].value,獲取被選中項值,sel.options獲取option項的物件集合,根據索引值訪問相關項,使用value是獲取的value屬性值,使用text獲取的是文字值。
更多相關內容可以參閱javascript動態操作select下拉選單一章節。
相關文章
- jquery獲取select下拉選中option項的value值jQuery
- js獲取當前select下拉選單選中項的值JS
- JavaScript select選中項的value值和文字內容JavaScript
- JavaScript獲取當前點選元素的id屬性值JavaScript
- jquery如何獲取select下拉選單選中項的值和文字jQuery
- 【Javascript】獲取選中的文字JavaScript
- javascript獲取select下拉選單框的value和text值JavaScript
- js獲取select下拉選單的value和文字值JS
- JavaScript獲取選中checkbox valueJavaScript
- js獲取select選中項的值和文字內容JS
- 獲取選中select下拉選單的value屬性值
- javascript如何獲取當前網頁的url地址JavaScript網頁
- comboBox的Item選項值與文字的獲取
- javascript獲取所有表單元素的value值JavaScript
- 原生js如何獲取選中的select下拉項的值JS
- listview 後天獲取選中項的值View
- JavaScript 獲取當前月份JavaScript
- JavaScript 獲取當前域名JavaScript
- javascript獲取當前urlJavaScript
- js判斷option項中是否含有具有給定value值的項JS
- js獲取select下拉選單中option項的數目JS
- javascript獲取當前li元素在集合中的位置JavaScript
- js獲取選中文字值的例項程式碼JS
- javascript獲取當前的時間戳JavaScript時間戳
- C#如何獲取ListView控制元件選中項的值C#View控制元件
- javascript如何獲取當前頁面的路徑JavaScript
- ListView新增事件並獲取選中項的值View事件
- JQuery 獲取select被選中的value和textjQuery
- JavaScript中獲取當前專案的絕對路徑JavaScript
- JavaScript 獲取選中checkbox核取方塊的值JavaScript
- javascript獲取選中checkbox核取方塊的值JavaScript
- js獲取select下拉選單的所有option項JS
- [前臺]---js獲取input標籤中name相同的各個value值JS
- 獲取當前Tomcat例項的埠Tomcat
- 用JavaScript獲取頁面上被選中的文字的技巧JavaScript
- JavaScript獲取當前li元素的索引位置JavaScript索引
- Javascript獲取當前時間戳的方法JavaScript時間戳
- jQuery實現的獲取select下拉選單的text和value值jQuery