javascript獲取select標簽選中的值

更新時間：2016年06月04日 15:24:28 作者：cg_program

這篇文章主要介紹javascript獲取select標簽選中的值方法,比較實用，需要的朋友可以參考下。

var obj = document.getElementById("testSelect"); //定位id

var index = obj.selectedIndex; // 選中索引

var text = obj.options[index].text; // 選中文本

var value = obj.options[index].value; // 選中值

jQuery中獲得選中select值

第一種方式

復制代碼代碼如下:

$('#testSelect option:selected').text();//選中的文本

$('#testSelect option:selected').val();//選中的值

$("#testSelect").get(0).selectedIndex;//索引

第二種方式

復制代碼代碼如下:

$("#tesetSelect").find("option:selected").text();//選中的文本

$("#tesetSelect").find("option:selected").val();

$("#tesetSelect").find("option:selected").get(0).selectedIndex;

以上就是javascript獲取select標簽選中的值的全部內容，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

JavaScript中的各種寬高屬性的實現(xiàn)
這篇文章主要介紹了JavaScript中的各種寬高屬性的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-05-05
微信小程序tabBar組件切換與下拉刷新實現(xiàn)詳解
tabBar相對而言用的還是比較多的,但是用起來并沒有難,下面這篇文章主要給大家介紹了關于微信小程序全局配置之tabBar的相關資料,文中通過圖文以及示例代碼介紹的非常詳細,需要的朋友可以參考下
2022-10-10
Webstorm2016使用技巧(SVN插件使用)
這篇文章主要介紹了Webstorm2016使用技巧(SVN插件使用),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-10-10
JS根據(jù)年月獲得當月天數(shù)的實現(xiàn)代碼
這篇文章主要介紹了JS根據(jù)年月獲得當月天數(shù)的實現(xiàn)代碼,需要的朋友可以參考下
2014-07-07
淺析JavaScript中的特殊數(shù)據(jù)類型
在JavaScript中，有6大數(shù)據(jù)類型，分別包括string,number,boolean,undefined,null 和 object。下面通過通過本文給大家介紹JavaScript中的特殊數(shù)據(jù)類型，需要的朋友參考下吧
2017-12-12
JS實現(xiàn)touch 點擊滑動輪播實例代碼
這篇文章主要介紹了JS實現(xiàn)touch 點擊滑動輪播實例代碼,需要的朋友可以參考下
2017-01-01
IE瀏覽器IFrame對象內存不釋放問題解決方法
IFrame對象占用的內存資源在窗體關閉后不會釋放。彈出關閉反復多次后，IE瀏覽器內存占用可超過數(shù)百M，嚴重時IE瀏覽器報錯
2014-08-08
如何實現(xiàn)axios的自定義適配器adapter
Axios是一個非常優(yōu)秀的基于promise的HTTP庫，可以用在瀏覽器和node.js中。并且提供了很多便捷的功能，但如果我們想基于axios 擴展一些自己的數(shù)據(jù)請求方式（例如某些APP內專屬的數(shù)據(jù)請求方式等），并能夠使用上axios提供的便捷功能，該怎么自定義一個適配器adapter
2021-05-05
layer彈窗插件操作方法詳解
這篇文章主要介紹了layer彈窗插件操作方法,結合實例形式詳細分析了layer彈窗插件的下載、調用、設置等具體步驟與操作技巧,需要的朋友可以參考下
2017-05-05
ExtJs的Ext.Ajax.request實現(xiàn)waitMsg等待提示效果
這篇文章主要介紹了ExtJs的Ext.Ajax.request實現(xiàn)waitMsg等待提示效果,需要的朋友可以參考下
2017-06-06