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

2022-07-23 04:24:11 字數 2187 閱讀 5488

<

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"

>3月

option

>

<

option

value

="4"

>4月

option

>

<

option

value

="5"

>5月

option

>

<

option

value

="6"

>6月

option

>

<

option

value

="7"

>7月

option

>

<

option

value

="8"

>8月

option

>

<

option

value

="9"

>9月

option

>

<

option

value

="10"

>10月

option

>

<

option

value

="11"

>11月

option

>

<

option

value

="12"

>12月

option

>

select

>

<

input

type

="button"

name

="button"

value

="查詢"

onclick

="search();"

/>

div>

//

原生獲取

//年份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物件值的幾種方式

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

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