<template>
<div class='main'>
<select v-model="ProductActive" @change="changeProduct($event)">
<option value="0">商品名称</option>
<option @change="changeProduct" v-for="(item,index) in productList" :key="index" :value='item.id' v-text="item.title"></option>
</select>
<button @click="aa()">按钮</button>
</div>
</template>
<script>
export default {
name: "",
data() {
return {
ProductActive: 0, //商品名称当前选中项
productList: [{id:1,title:'one'},{id:2,title:'two'},{id:3,title:'three'}],
params:[]
};
},
methods: {
changeProduct(event) {
this.productList.map(({id},index)=>{
if(id==event.target.value){
//同时获取value 和text
this.params=this.productList[index]
}
})
//输出参数
console.log(this.params)
},
// 如果只需要获取value，则用watch即可
watch:{
ProductActive(val,oldval){
console.log(val,oldval)
},
},
},
};
</script>
获取select option value值和text值
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").cha...
- 前端调用后端接口时，后端保存数据，有时需要前端提交select选择的 lable（name）和 value(cod...
- var sel =document.getElementById('select'); sel.options[s...
