el-select获取选中项label值
程序员文章站
2022-03-26 17:21:56
...
elementUI下拉选择框,获取选中值的label
向后端传递下拉框查询参数时,后端就是要用label,而非主键id,那就只能前端去找选中项的label值。
获得下拉框数据后,用id作为value标识,如何在选中时获取label值呢?我目前只会查找比对整个列表,有没有更好一点的办法呀?
目前实现的代码
<el-form-item label="部门名称" prop="dept_id">
<el-select v-model="dept_id" placeholder="请选择部门" @change="AddSelectDept">
<el-option
v-for="(item,index) in deptList"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
AddSelectDept (val) {
// XXX 获取下拉框label的方法,此处需要对比查找整个列表,较为麻烦
this.deptName = val ? this.deptList.find(ele => ele.id === val).name : ''
}
上一篇: js数字滑动时钟
推荐阅读
-
js判断checkbox是否被选中(js获取复选框选中的值 )
-
JavaScript中获取Radio被选中的值
-
jq怎么获取radio选中的值(详解js获取单选按钮radio的值)
-
layui checkbox默认选中,获取选中值,清空所有选中项的例子
-
js如何判断复选框是否被选中(js获取复选框选中的值)
-
js select 标签选定项的值获取代码
-
获取选中的checkbox的值(java获取checkbox勾选的值)
-
js如何判断复选框是否被选中(js获取复选框选中的值)
-
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
-
js判断checkbox是否被选中(js获取复选框选中的值 )