/Javascript/Vue/Target data option select vue js

Target data option select vue js

methods:{
    onChange: function(e){
        var id = e.target.value;
        var name = e.target.options[e.target.options.selectedIndex].text;
        console.log('id ',id );
        console.log('name ',name );
    },


 <select name="customerName" id="" v-on:change="onChangeSite($event)">
         <option value="1">Jan</option>
         <option value="2">Doe</option>
         <option value="3">Khan</option>
   </select>

Source: stackoverflow.com

Target data option select vue js

methods: {
    handleChange(e) {
        if(e.target.options.selectedIndex > -1) {
            console.log(e.target.options[e.target.options.selectedIndex].dataset.foo)
        }
    }
}

Source: stackoverflow.com

Similar codes

0 vote212 views1 answer
Use vuejs in laravel
Javascript Vue
0 vote200 views1 answer
Vue cli - Uncaught SyntaxError: Unexpected token <
Javascript Vue
0 vote200 views1 answer
VUE DECLARE COMPONENT IN MAIN.JS
Javascript Vue
0 vote217 views1 answer
Vue store mutations
Javascript Vue
0 vote248 views1 answer
Programatic navigation vue router
Javascript Vue
16 votes407 views5 answers
Vuejs router params
Javascript Vue
-1 vote244 views1 answer
Vue resources post
Javascript Vue
29 votes423 views2 answers
React or vue
Javascript Vue
10 votes230 views2 answers
Vuejs does props factory function have access to vue instance
Javascript Vue
1 vote198 views1 answer
How get first option in select in vue js
Javascript Vue