title: How to get both value and text from select in vue js?
body: <p>Html:</p>
  
  <pre><code>&lt;select v-model="facilitySelected" name="facilities" multiple="multiple" id="facilities" size="4" class="form-control"&gt;
    &lt;option value="1"&gt;Double (Non a/c)&lt;/option&gt;
    &lt;option value="2"&gt;Premium Double (a/c)&lt;/option&gt;
    &lt;option value="3"&gt;Standard Double (a/c)&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Click event:</p>
  
  <pre><code>&lt;a @click="addFacilities" class="btn btn-default add_option" rel="facilities2" id="add"&gt;&lt;i class="fa fa-arrow-right"&gt;&lt;/i&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>export default {
    data(){
              return{
                  facilitySelected:[]
              }
    }
  
    methods: {
        addFacilities() {
          this.facilitySelected;
          console.log(this.facilitySelected);
        }
    }
  }
  </code></pre>
  
  <p>Here i have a list of select with options,
  When i click on the <code>addFacilities</code>, the <code>value</code> of the selected option only making as output in <code>console.log</code>, i need to have both <code>value</code> as well as the <code>text</code> in the option to be come out through console.log.. How to get both the <code>value</code> and the <code>text</code> when i click on the <code>addFacilities</code>?</p>