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 相关文章推荐
让iframe子窗体取父窗体地址栏参数(querystring)
Oct 13 Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 Javascript
基于javascript实现图片切换效果
Apr 17 Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
Oct 25 Javascript
js构造函数创建对象是否加new问题
Jan 22 Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
Feb 08 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
May 16 Javascript
layui前端框架之table表数据的刷新方法
Aug 17 Javascript
Vue 之孙组件向爷组件通信的实现
Apr 23 Javascript
Vue的属性、方法、生命周期实例代码详解
Sep 17 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 Javascript
vue和H5 draggable实现拖拽并替换效果
Jul 29 Javascript
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
15种PHP Encoder的比较
2007/04/17 PHP
php 短链接算法收集与分析
2011/12/30 PHP
PHP5权威编程阅读学习笔记 附电子书下载
2012/07/05 PHP
PHP运行模式的深入理解
2013/06/03 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
PHP jpgraph库的配置及生成统计图表:折线图、柱状图、饼状图
2017/05/15 PHP
PHP基于自定义函数生成笛卡尔积的方法示例
2017/09/30 PHP
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
js中split函数的使用方法说明
2013/12/26 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
JavaScript中的prototype原型学习指南
2016/05/09 Javascript
JavaScript实现时钟滴答声效果
2017/01/29 Javascript
Vue开发之封装分页组件与使用示例
2019/04/25 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
基于JQuery和DWR实现异步数据传递
2020/10/16 jQuery
[57:50]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第二局
2016/03/05 DOTA
Djang中静态文件配置方法
2015/07/30 Python
利用Python实现Windows下的鼠标键盘模拟的实例代码
2017/07/13 Python
python调用API实现智能回复机器人
2018/04/10 Python
Python开发最牛逼的IDE——pycharm
2018/08/01 Python
python matplotlib饼状图参数及用法解析
2019/11/04 Python
Python 如何反方向迭代一个序列
2020/07/28 Python
瑞典领先的汽车零部件网上零售商:bildelaronline24.se
2017/01/12 全球购物
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
linux系统都有哪些运行级别
2012/04/15 面试题
2014年“四风”问题个人整改措施
2014/09/17 职场文书
委托公证书格式
2015/01/26 职场文书
辞职信格式模板
2015/02/27 职场文书
2015年教师节新闻稿
2015/07/17 职场文书
退休教师欢送会致辞
2015/07/31 职场文书
初中数学教学反思范文
2016/02/17 职场文书
2016五四青年节活动总结范文
2016/04/06 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
实战Python爬虫爬取酷我音乐
2022/04/11 Python
阿里云ECS云服务器快照的概念以及如何使用
2022/04/21 Servers