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
?