vue如何去動態獲取下拉框的值

2021-10-09 12:50:12 字數 1105 閱讀 4768

vue中可以使用物件陣列和v-for去迴圈創造出乙個下拉框

**如下

>

>

src=

"">

script

>

charset

="utf-8"

/>

>

title

>

head

>

>

"sa"

>

>

>

v-for

="(a,b) in student"

v-bind:value

="a.sid"

>

}option

>

select

>

div>

div>

body

>

>

var v=

newvue(,

,]},

methods:})

script

>

html

>

如果要去獲取你選定的下拉框的值可以在div層中的select標籤和vue的date中新增屬性

**如下

select標籤新增屬性@change=「chang()」 v-model=「sid」

"sa"

>

>

@change

="chang()"

v-model

="sid"

>

v-for

="(a,b) in student"

v-bind:value

="a.sid"

>

}option

>

select

>

div>

div>

在data中新增sid屬性和方法

data:,,]

},methods:

}

效果如下圖

jquery獲取下拉框的值 設定下拉框的值

獲取select 獲取select 選中的 text ddlregtype find option selected text 獲取select選中的 value ddlregtype val 獲取select選中的索引 ddlregtype get 0 selectedindex 設定select...

select獲取下拉框的值 下拉框預設選中

本文主要介紹select下拉框的相關方法。1.通過id獲取下拉框的value和文字值 例如 數字1數字2 numbers option selected val 獲取到下拉框被選中的optionde value值 2 numbers option selected text 獲取到下拉框被選中的op...

jquery 獲取下拉框值與select text

下面先介紹了很多jquery獲取select屬性的方法,同時後面的例項我們講的是jquery 獲取下拉框值與select text jquery獲取select選擇的文字與值 獲取select 獲取select 選中的 text ddlregtype find option selected tex...