Tutorialsplane

Vue.js get dropdown selected value


You can get seelcted text or selected option value of a select box in vue.js using v-model. Here in this tutorial, we are going to explain how you can get selected option value and text in vue.js. You can use our online editor to edit and run the code online.


Vue.js get dropdown selected value JavaScript

Here is an example of simple dropdown options-

Example:

<div id="app">
	
	<p>
    Selected Text = {{ myModel.text }}<br/>
	Selected Option Value = {{myModel.value}}
	</p>
</div>
       

Try it ยป

Output of above example-