Vue.js获取被选择的option的value和text值方法
程序员文章站
2022-07-03 20:58:07
如下所示:
1.获取option的value的值,watch option 控件时,或自动获取option的value的值。
2.获取被选中的option的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值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
推荐阅读
-
js获取select下拉框的value值和text文本值
-
jQuery获取Select option 选择的Text和 Value
-
利用js获取select的value和text值
-
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
-
jQuery操作select下拉框的text值和value值的方法
-
Vue.js获取被选择的option的value和text值方法
-
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
-
jQuery获取Select选择的Text和Value详细解释
-
jQuery+PHP获取Select option 取舍的Text和Value(附选择城市实例)
-
ASP中SELECT下拉菜单同时获取VALUE和TEXT值的实现代码