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


Posted in Javascript onAugust 24, 2018

如下所示:

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值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript面向对象(极简主义法minimalist approach)
Jul 17 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
Sep 30 Javascript
获取内联和链接中的样式(js代码)
Apr 11 Javascript
javascript 原型链维护和继承详解
Nov 26 Javascript
AngularJS基础知识笔记之过滤器
May 10 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
Jan 27 Javascript
JavaScript实现的数字与字符串转换功能示例
Aug 23 Javascript
react-router v4如何使用history控制路由跳转详解
Jan 09 Javascript
Angular利用trackBy提升性能的方法
Jan 26 Javascript
vue-router相关基础知识及工作原理
Mar 16 Javascript
Vue.set 全局操作简单示例
Sep 19 Javascript
vue中实现点击空白区域关闭弹窗的两种方法
Dec 30 Vue.js
element-ui中select组件绑定值改变,触发change事件方法
Aug 24 #Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
Aug 24 #Javascript
浅谈ElementUI中switch回调函数change的参数问题
Aug 24 #Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
Aug 24 #Javascript
微信小程序支付PHP代码
Aug 23 #Javascript
vue+axios 前端实现的常用拦截的代码示例
Aug 23 #Javascript
详解如何配置vue-cli3.0的vue.config.js
Aug 23 #Javascript
You might like
Discuz! Passport 通行证整合
2008/03/27 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
php中$美元符号与Zen Coding冲突问题解决方法分享
2014/05/28 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
适合PHP初学者阅读的4本经典书籍
2016/09/23 PHP
Jquery iframe内部出滚动条
2010/02/11 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
JavaScript对象的property属性详解
2014/04/01 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
jQuery实现的无限级下拉菜单功能示例
2016/09/12 Javascript
JavaScript实现自动切换图片代码
2016/10/11 Javascript
使用node.js对音视频文件加密的实例代码
2017/08/30 Javascript
移动端效果之Swiper详解
2017/10/09 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
vue使用element-ui实现表单验证
2020/12/13 Vue.js
[02:48]DOTA2超级联赛专访海涛:你们的选择没有错
2013/06/07 DOTA
Python性能优化的20条建议
2014/10/25 Python
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
Django在win10下的安装并创建工程
2017/11/20 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
python通用数据库操作工具 pydbclib的使用简介
2020/12/21 Python
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
综合素质的自我鉴定
2013/10/07 职场文书
军训生自我鉴定范文
2013/12/27 职场文书
医院总经理岗位职责
2014/02/04 职场文书
我的画教学反思
2014/04/28 职场文书
环卫工人慰问信
2015/02/15 职场文书
2014年个人年终总结
2015/03/09 职场文书
银行稽核岗位职责
2015/04/13 职场文书
JS监听Esc 键触发事键
2021/04/14 Javascript
源码解读Spring-Integration执行过程
2021/06/11 Java/Android
HTML实现仿Windows桌面主题特效的实现
2022/06/28 HTML / CSS