原生js如何獲取選中的select下拉項的值
關於select下拉選單大家都再熟悉不過了,可以選中其中的某一項,既然選中此項,那麼一般就要獲取此選中的項的值或者文字,下面就是介紹一下如何利用原生javascript實現此功能。
一.獲取選中項的文字:
[JavaScript] 純文字檢視 複製程式碼var theSel=document.getElementById(id);//select元素的id var index=sel.selectedIndex;//獲取被選中的option的索引 var theText= sel.options[index].text;//獲取相應的option的內容
二.獲取選中項的值:
[JavaScript] 純文字檢視 複製程式碼var theSel=document.getElementById(id);//select元素的id var index=sel.selectedIndex;//獲取被選中的option的索引 var theText= sel.options[index].value;//獲取相應的option的value值
更多相關內容可以參閱原生javascript操作select下拉選單程式碼例項一章節。
相關文章
- js獲取當前select下拉選單選中項的值JS
- js如何獲取select下拉選單的預設選中項JS
- jquery如何獲取select下拉選單選中項的值和文字jQuery
- jquery獲取select下拉選中option項的value值jQuery
- js獲取select下拉選單中option項的數目JS
- js獲取select下拉選單的所有option項JS
- js獲取select下拉選單的value和文字值JS
- 獲取選中select下拉選單的value屬性值
- js獲取select選中項的值和文字內容JS
- 獲取select下拉選單預設選中項的索引索引
- 更改select下拉選單項獲取對應的值和文字
- jquery實現的獲取選中select下拉選單的值和文字jQuery
- javascript獲取select下拉選單所有項的內容JavaScript
- javascript獲取select下拉選單框的value和text值JavaScript
- js獲取select的值JS
- jQuery實現的獲取select下拉選單的text和value值jQuery
- 使用layui框架的select獲取選中的值UI框架
- PHP中如何獲取下拉選單的值PHP
- js如何互換兩個select下拉選單的option項JS
- listview 後天獲取選中項的值View
- jquery 獲取select框選中的值示例一則jQuery
- js如何獲取選中radio單選按鈕的值JS
- C#如何獲取ListView控制元件選中項的值C#View控制元件
- 如何清空select下拉選單的所有option項
- JavaScript 獲取select下拉選單所有optionJavaScript
- js 獲取被選中核取方塊的值JS
- ListView新增事件並獲取選中項的值View事件
- 設定select下拉選單的預設選中項
- js如何動態為select下拉選單新增option項JS
- 原生javascript操作select下拉選單程式碼例項JavaScript
- javascript如何獲取當前選中的option項的文字和value值JavaScript
- js獲取選中radio單選按鈕的值程式碼例項JS
- js獲取選中checkbox核取方塊的值JS
- js獲取選中文字值的例項程式碼JS
- 選中select下拉選單項提交表單
- servlet裡獲得jsp頁面裡select的選項之值ServletJS
- 關於如何獲得ListView中選中項的值View
- XamarinEssentials教程獲取首選項的值