JS Select獲取option物件值的幾種方式

2021-10-25 14:37:12 字數 916 閱讀 1588

1.html

年度 

月度1月

2月3月

4月5月

6月7月

8月9月

10月11月

12月  

2.js

// 原生獲取

// 年份option物件獲取。

var y_option = document.getelementbyid("year_id");

// 月份option物件獲取。

var m_option = document.getelementbyid("month_id");

// 年份文字值

var y_text = y_option.options[y_option.selectedindex].text;

// 年份value值

var y_value = y_option.options[y_option.selectedindex].value;

// 月份文字值

var m_text = m_option.options[m_option.selectedindex].text;

// 月份value值

var m_value = m_option.options[m_option.selectedindex].value;

// jquery方式獲取

var option = $("#city option:selected").val();

// js方式獲取

var option = $(this).children('option:selected').val();

//option觸發事件新增。

$("#city").change(function());

JS Select獲取option物件值的幾種方式

div class vip tit 年度 select id year id select 月度 select id month id option selected selected value 1 1月 option option value 2 2月 option option value 3...

js獲取select選中的標籤option的值

js中獲取方法 var obj document.getelementbyidx xx x testselect 定位id var index obj.selectedindex 選中索引 var text obj.options index text 選中文字 var value obj.opti...

js動態獲取select選中的option

js動態獲取select選中的option 通過2種方式 一 jquery方法 頁面中必須載入過jquery庫 推薦使用 1 var options test option selected 獲取選中的項 2 alert options.val 拿到選中項的值 3 alert options.tex...