Vue

by Kingdaro

HTML

<div id="app">
  <select v-model="selections[0]">
     <option value="" disabled selected>Please select...</option>
     <option>Option 1</option>
     <option>Option 2</option>
  </select>
  <select v-model="selections[1]">
     <option value="" disabled selected>Please select...</option>
     <option>Option 1</option>
     <option>Option 2</option>
  </select>
  <select v-model="selections[2]">
     <option value="" disabled selected>Please select...</option>
     <option>Option 1</option>
     <option>Option 2</option>
  </select>
  <br>
  <button @click="clear">Clear</button>
  <br>
  {{ selections }}
</div>

Vue

new Vue({
  el: "#app",
  data: {
    selections: ["", "", ""]
  },
  methods: {
  	clear() {
    	this.selections = this.selections.map(() => "")
		}
  }
})