1
HTML:如何從vue js中的select中獲取值和文本?
<select v-model="facilitySelected" name="facilities" multiple="multiple" id="facilities" size="4" class="form-control">
<option value="1">Double (Non a/c)</option>
<option value="2">Premium Double (a/c)</option>
<option value="3">Standard Double (a/c)</option>
</select>
Click事件:
<a @click="addFacilities" class="btn btn-default add_option" rel="facilities2" id="add"><i class="fa fa-arrow-right"></i></a>
腳本:
export default {
data(){
return{
facilitySelected:[]
}
}
methods: {
addFacilities() {
this.facilitySelected;
console.log(this.facilitySelected);
}
}
}
在這裏,我有選擇的選項列表, 當我點擊addFacilities
的value
所選選項僅作爲console.log
的輸出,我需要同時有value
以及text
中的選項通過console.log出現..如何同時獲得value
和text
當我點擊addFacilities
?