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...