Vue.javascript获取被选择的option的value和text值方法

有些时候,我们需要一种危机,来激发我们自身的潜能,唤醒我们内心深处被掩藏已久的人生激情,来实现人生的最大价值。时刻是没有声音的锉刀。早上好!

如下所示:

1.获取option的value的值,watch option 控件时,或自动获取option的value的值。

2.获取被选中的option的text的值时,使用:$("#optionID option:selected").text

拓展知识:select标签如何传递选中option的value值与text值方法

如下所示:

<select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)"> 
 <option value="0">请选择主菜名</option> 
 <option value="1">白菜</option> 
 <option value="2">萝卜</option> 
 </select> 
<select name="type" onchange="show_sub(this.options[this.options.selectedIndex].text)"> 
 <option value="0">请选择主菜名</option> 
 <option value="1">白菜</option> 
 <option value="2">萝卜</option> 
 </select> 

以上这篇Vue.js获取被选择的option的value和text值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
vue.javascript管理后台table组件封装的方法

vue+threejavascript写物体动画之物体缩放动画效果

vue.javascript中methods watch和computed的区别示例详解

基于Vue.javascript与WordPress Rest API构建单页应用详解

Vue.javascript中provide/inject如何实现响应式数据更新的方法示例