vue获取select下拉框的值和文本（Key,Value）_qq_41413619的博客-CSDN博客_vue获取下拉框的值知识图谱

vue获取select下拉框的值和文本（Key,Value）_qq_41413619的博客-CSDN博客_vue获取下拉框的值

本站和网页 https://blog.csdn.net/qq_41413619/article/details/92838778 的作者无关，不对其内容负责。快照谨为网络故障时之索引，不代表被搜索网站的即时页面。

vue获取select下拉框的值和文本（Key,Value）_qq_41413619的博客-CSDN博客_vue获取下拉框的值
vue获取select下拉框的值和文本（Key,Value）
qq_41413619
于 2019-06-19 17:24:36 发布
38546
收藏
分类专栏：
vue
文章标签：
vue
selecct
下拉框
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41413619/article/details/92838778
版权
vue
专栏收录该内容
2 篇文章
0 订阅
订阅专栏
话不多说，解决问题是关键，直接开干：
html:
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">型号</label>
<div class="layui-input-inline" style="height:10px">
<el-select v-model="modelId" @change="selectModel($event)" filterable collapse-tags placeholder="请选择型号">
<el-option :value="item.id" v-for="(item,index) in model" :key="item.id" :label="item.model" ></el-option>
</el-select>
</div>
</div>
</div>
js:
selectModel(id){
let obj = {};
obj = this.model.find((item)=>{//model就是上面的数据源
return item.id === id;//筛选出匹配数据
});
vm.modelName=obj.model;
console.log("modelName"+vm.modelName)
qq_41413619
关注
关注
点赞
收藏
打赏
评论
vue获取select下拉框的值和文本（Key,Value）
话不多说，解决问题是关键，直接开干：html:<div class="layui-form-item"> <div class="layui-inline"><label class="layui-form-label">型号</label> <div class="layui-input-inline" sty...
复制链接
扫一扫
专栏目录
vue.js select下拉框绑定和取值方法
10-18
下面小编就为大家分享一篇vue.js select下拉框绑定和取值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue select 获取value和lable操作
10-14
主要介绍了vue select 获取value和lable操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
参与评论
您还未登录，请先
登录
后发表或查看评论
vue 带搜索的下拉框 el-select下拉框获取选中的整个对象值
最新发布
tanzongbiao的专栏
12-09
207
二、el-select下拉框获取选中的整个对象值。
Vue 中获取下拉框的文本及选项值
热门推荐
andy5520的博客
05-30
2万+
方法1：

<el-form
:model="ruleForm"
label-position="right"
ref="ruleForm" // 被ref 标记的
status-icon
size="small"
inline
:rules="rules"
label-width="150px"
class="d...
vue中elementUi的el-select同时获取value和label的三种方法
PJL13411055804的博客
10-31
1301
本文介绍了在vue中el-select想要同时获取value和label的三种方法
ServletContext对象：域对象（共享数据）、MIME类型
Alla
11-23
143
概念：代表整个web应用，可以和程序的容器(服务器)来通信
获取：
通过request对象获取
request.getServletContext();
通过HttpServlet获取
this.getServletContext();
(两种方法都可以获取servletcontext对象，只不过我们一般用第二种)
功能：
获取MIME类型：
MIME类型:在互联网通信过程中定义的一种文件数据类型
格式：大类型/小类型 text/html image/jpeg
获取：String getMime
vue中使用@change获取select下拉框选中的值
aws_lawsl的博客
05-21
4500
vue中使用@change获取select下拉框选中的值
很多刚入门vue的朋友在开发中使用vue无法获取select下拉框中选中的option的value，在网上查了很多也没有发现有效的解决办法，经过一番尝试，终于解决了这个问题，废话不说，上代码！
总结：使用$event.target获取事件触发的目标。并获取option的value值。
...
vue + element + select 获取下拉框的 label 和 value 值（例如绑定的是 id ，但后台要求即传 id ，又要传 id 对应的 name ）
小白菜的博客
07-20
5303
<template>
<div>
<el-form :inline="true" :model="form" ref="form" :rules="formRule">
<el-form-item label="标题" prop="titleId">
<el-select v-model="form.titleId" filterable placeholder="请选择标题" @change="changeTit
vue中el-select 选中后获取对象 value-key
qq_37342720的博客
02-10
5181
近日
vue下拉框获取选中的值
weixin_42327537的博客
10-24
5545
<template>
<div>

<el-select v-model="query" @change="selectChanged">
<el-option v-for="item in options" :key="item.value" :value="item" :label="item.label"></el-option&gt
Vue 下拉框获取数据
Mr_aswl的博客
09-09
3496
Vue 使用数据网上很多方法都需要使用到路由器
但是我不太会，于是自己写了一个小组件也可以起到获取数据库数据并返回到 Vue 下拉框的作用
<template>
<div class="demo">
<el-select v-model="queryParams" @change="selectPlatform($event)">
<el-option v-for="(item,index) in timeList" :key="ind
vue 获取下拉框选中的值
Liber_Y的博客
05-17
1912
<template>
<div class="">
<select @change="getEventType($event)">
<option
v-for="option in list"
:key="option.value"
:id="option.value"
:name="option.name"
</option>
Vue怎么获取当前选中的select下拉框的value值
码无止境的博客
11-07
9492
直接上代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue怎么获取当前选中的select下拉框的value值</title>

<script src="https://cdn...
vue 获取select的选中对象值
Alice9969的博客
07-17
4678
vue 官网：https://cn.vuejs.org/v2/guide/forms.html#%E9%80%89%E6%8B%A9%E6%A1%86
思路：通过下标值来获取，指向的对象的值
代码：
<!DOCTYPE html>
<html>
<head>
<title>获取数据</title>
<meta charset="utf-8">
<script src="https://cdn...
vue中如何获得select中选中的值
weixin_44563906的博客
07-25
2万+
template:
<select v-model="selected" >
<option v-for="option in options" v-bind:value="option.value">
{{ option.text }}
</option>
</select>
<span&gt...
获取下拉框中的值
技术小学僧的博客
11-22
6039
1、下拉选如图所示，支持模糊查询，使用的是select2插件。
2、前台代码如下所示：
<td class="title-query">任务状态：</td>
<td class="input-query" nowrap>
<select id="taskStatus" name="taskStatus"
Vue获取下拉框中的值
光头强的博客
01-19
1万+
一、获取含有默认省的下拉框中的name值
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script src
Vue element ui Select下拉框获取值
Bnana博客
12-10
2439
数据定义
data() {
return{
projectlist: [],//Select 遍历集合
itemId: 0
};
下拉框定义
//v-model="itemId" 绑定值到itemId上
//定义事件getitemId下拉框改变获取信息
<el-select placeholder="项目选择...
vue获取下拉选的文字
小馒头味的博客
11-30
642
vue获取下拉选的文字
<el-select placeholder="请选择" v-model="durationUnit" @change="textMethod">
<el-option v-for="item in list" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" /&...
“相关推荐”对你有帮助么？
非常没帮助
没帮助
一般
有帮助
非常有帮助
提交
©️2022 CSDN
皮肤主题：书香水墨
设计师：CSDN官方博客
返回首页
qq_41413619
CSDN认证博客专家
CSDN认证企业博客
码龄5年
暂无认证
32
原创
34万+
周排名
124万+
总排名
12万+
访问
等级
1369
积分
粉丝
36
获赞
32
评论
88
收藏
私信
关注
热门文章
vue获取select下拉框的值和文本（Key,Value）
38541
Unknown column 'XXX' in 'field list'
9750
Java如何获取前台传来的数组
7356
Java中操作sql语句抛空指针异常java.lang.NullPointerException
6638
layui hint laydate timeout 超时 laydate无法使用
5728
分类专栏
RabbitMQ
2篇
Centos7
1篇
java后台
11篇
SpringBoot+Redis
1篇
layui
4篇
laydate
1篇
vue
2篇
Ajax
1篇
Mybatis
5篇
Linux学习笔记
Tomcat
2篇
空指针
2篇
sql异常
1篇
Mysql
1篇
消息队列
2篇
最新评论
为什么发送ajax请求页面还会刷新
GCTTTTTT:
爱了爱了，解决了我搞了几个小时的问题！！！
mybatis异常Unknown system variable 'XXXXX'
roud-2:
找了半天错没想到自己这么粗心
layui数据网格filed是Object对象如何显示下面的字段
qq_41413619:
一样的啊，里面写循环，把你显示的内容拼接出来就可以了
layui数据网格filed是Object对象如何显示下面的字段
Super沙码龙:
如果是个List<Object>呢
layui hint laydate timeout 超时 laydate无法使用
秃顶的年轻人:
大哥,还在吗
您愿意向朋友推荐“博客详情页”吗？
强烈不推荐
不推荐
一般般
推荐
强烈推荐
提交
最新文章
kdevtmpfsi挖矿病毒导致服务器cpu高负荷运行
Unsupported major.minor version 52.0
springboot中非Controller调用service报空指针异常
2020年1篇
2019年32篇
目录
目录
分类专栏
RabbitMQ
2篇
Centos7
1篇
java后台
11篇
SpringBoot+Redis
1篇
layui
4篇
laydate
1篇
vue
2篇
Ajax
1篇
Mybatis
5篇
Linux学习笔记
Tomcat
2篇
空指针
2篇
sql异常
1篇
Mysql
1篇
消息队列
2篇
目录
评论
被折叠的条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
打赏作者
qq_41413619
你的鼓励将是我创作的最大动力
¥2
¥4
¥6
¥10
¥20
输入1-500的整数
余额支付
(余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付
您的余额不足，请更换扫码支付或充值
打赏作者
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额
抵扣说明：
1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。
余额充值